日期选择器daterangepicker

发布于 2022-09-02 01:31:45 字数 177 浏览 18 评论 0

请问下用daterangepicker的日期选择器,怎么写一个联动的月视图的年月选择器啊,不要日和时间,只要年和月。。。搞了好久没搞出来

http://www.daterangepicker.com/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

花辞树 2022-09-09 01:31:45

开发者没有提供相应api,自己现写一个会更轻松。ui可以直接用bootstrap。

夜空下最亮的亮点 2022-09-09 01:31:45

年月太简单了,自己写一个吧

小姐丶请自重 2022-09-09 01:31:45

在移动端,目前我用HTML5 type=month(不兼容,然并卵);
不过你可以看一下这个http://m.sui.taobao.org/components/#datetime-picker ;

下面这个是我找到的,还没使用(……^_^……)

HTML:
<input value="2015-05-01 15:42:02" class="" readonly="readonly" name="appDateTime" id="appDateTime" type="text">

引入Javascript:
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.0.min.js" ></script>
<script type="text/javascript" src="js/mobiscroll.js" ></script>

<script>
$(function () {
    var currYear = (new Date()).getFullYear();    
        var opt={};
        opt.date = {preset : 'date'};
        opt.datetime = {preset : 'datetime'};
        opt.time = {preset : 'time'};
        opt.default = {
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式 
            mode: 'scroller', //日期选择模式
            dateFormat: 'yyyy-mm-dd',
            lang: 'zh',
            showNow: true,
            nowText: "今天",
            startYear: currYear - 10, //开始年份
            endYear: currYear + 10 //结束年份
        };
          var optDateTime = $.extend(opt['datetime'], opt['default']);
        $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
});
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文