javascript - bootstrap datetimepicker 封装问题请教
迷茫
迷茫 2017-04-11 13:16:30
0
2
241

现在想封装一下这个插件 变成两个一组的开始时间结束时间 可以同p或者任何元素包裹 能直接在input 中设置data-format 来区别选取是年月日还是年月以及设置data-value 是选取的日期的值怎么实现

 <input size="16" type="text" readonly class="form_datetime" data-role="date" data-format="yyyy-mm" data-showEnd="1" data-title="开始时间,结束时间" data-value="2017-1-1,2017-4-2" data-names="startDate,endDate">
 
 封装成这样写就可以 请问怎么实现

请问怎么实现

    <input size="16" type="text" readonly class="form_datetime" data-format="yyyy-mm-dd" data-showEnd="1" data-title="开始时间,结束时间" data-value="2017-1-1,2017-4-2" data-names="startDate,endDate">
    <input size="16" type="text" readonly class="form_datetime" data-format="yyyy-mm" data-showEnd="1" data-title="开始时间,结束时间" data-value="2017-1-1,2017-4-2" data-names="startDate,endDate">
    <script type="text/javascript">
        $(function () {
            var input = $(".form_datetime")
            input.datetimepicker({
                format: 'yyyy-mm-dd',
                language: "zh-CN",
                autoclose: true,
                todayBtn: true,
                startView: 'year',
                minView: 'month',
                maxView: 'decade'
            });
            console.log($(input[1]).data('format'))
            input.each(function (e) {
                if ($(this).data('format') == 'yyyy-mm-dd') {
                    $(this).datetimepicker({
                        minView: 'month',
                    });
                } else if ($(this).data('format') == 'yyyy-mm') {
                    $(this).datetimepicker({
                        minView: 'year',
                    });
                }
            })
        })
    </script>

写了两个input 像通过这事data-format判断区分 有的只能选到月份 有的能选到天数
现在并不起作用

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
Ty80

需要一个刷新功能

大家讲道理

求大神帮助><

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!