bootstrap3日期选择触发问题

qiaokelizhuzhu

于 2023-10-12 13:47:01 发布

阅读量185

点赞数 1

文章标签：前端 bootstrap

本文链接：https://blog.csdn.net/qiaokelizhuzhu/article/details/133787453

版权

默认日期与4.5版写法不一样

//4.5格式化日期为字符串
$("#inputDate").datepicker({
    language: 'zh-CN', //语言
    autoclose: true, //选择后自动关闭
    // clearBtn: true,//清除按钮
    format: "yyyy-mm-dd",//日期格式
    todayBtn: "linked", // 显示今天按钮
    todayHighlight: 1, // 显示今天高亮
}).datepicker("setDate",'now')  // 设置默认日期;

// 选择日期-数据重新加载
$('#inputDate').on('change',  function() {
    newStr = $(this).val().replace(/-/g, "/");
    loadEcharts()
  });

4.5版本的默认是可以直加参数(“setDate”,‘now’)写在后面
3.37版，是直接 defaultDate: 值,

问题二：日期选择后触发动作，

4.5版本的默认是可以直在 $(‘#inputDate’)上加一个.change事件
3.37版，加直接加change事件，是毫无反应，只能加’dp.change’事件，独属于bootstrap的datetimepicker的一个事件。介绍很少，只知能这么用

  // 3.37格式化日期为字符串，例如：yyyy-mm-dd
  var today = new Date();
  var formattedDate = today.getFullYear() + '-' + (today.getMonth() + 1) ;
    $('#date1').datetimepicker({  
        format: 'YYYY-MM',  
        locale: moment.locale('zh-cn')  ,
        defaultDate: formattedDate,
    }).on('dp.change', function(e){
      var dateText = moment(e.date).format('YYYY-MM');
      console.log(dateText);
   });