美文网首页
datetimepicker插件碰到的一些问题记录

datetimepicker插件碰到的一些问题记录

作者: 欧_汤姆 | 来源:发表于2019-04-16 10:42 被阅读0次

一、datetimepicker如何设置初始值为当天日期
两种办法:

html

①js:

$("#startDate").datetimepicker({
        todayBtn : true,
        format : "yyyy-mm-dd",
        minView : 2,
        autoclose : true,
        language : "zh-CN",
    }).css("width", "150px").attr("readonly", true).datetimepicker('setDate',new Date());

②js:

    $("#startDate").datetimepicker({
        todayBtn: true,
        format : "yyyy-mm-dd",
        minView : 2,
        autoclose : true,
        language : "zh-CN",
    }).css("width", "150px").attr("readonly",true);
    $("#startDate").datetimepicker('setDate',new Date());//分开的写法

二、datetimepicker点击输入框弹出的日历位置偏移
百度了很多方法,多是让改源js文件,全都试了,没用。只好手动去改日历的绝对定位了。
1.首先找到源js文件:bootstrap-datetimepicker.min.js
ctrl+f 打开页面搜索“datetimepicker-minutes”这个关键字。找到之后往前面移一点,在红框后面的位置,加一个属性名:名字随便取,到时候需要用到。


image.png

2.取名fixclass之后,在用到插件的html页面加上下图红框里的一段代码


image.png
<style type="text/css">
 .fixclass{
  top: 151px!important;   //151px根据自己的项目来,去f12看自己的日历偏移了多少
}
</style>

over~

相关文章

网友评论

      本文标题:datetimepicker插件碰到的一些问题记录

      本文链接:https://www.haomeiwen.com/subject/pspvwqtx.html