关于js获取时间及时间的显示

 
  



//获取日期 YYYY-MM-DD
var $today = new Date();
var y = $today.getFullYear();//获取年份
var m = ($today.getMonth() + 1) < 10 ? ('0' + ($today.getMonth() + 1)) : ($today.getMonth() + 1);//获取月份
        var d = $today.getDate() < 10 ? ('0' + $today.getDate()) : $today.getDate();//获取天

        $today = y + "-" + m + "-" + d; //获取当前时间

 

            $("#_dstartTime").val(y + "-" + m+"-"+d);

//初始化日控件
$("#_dstartTime").datetimepicker({
language : 'zh-CN', //显示中文
format : 'yyyy-mm-dd', //显示格式
startView : 2,//日期时间选择器打开之后首先显示的视图  这里天份
endDate : new Date(),//可以选择的最新日期;所有稍后的日期将被禁用。
minView : 3, //显示到天份,日期时间选择器所能够提供的最精确的时间选择视图。
initialDate : new Date(), //初始化当前日期
autoclose : true //选中日期自动关闭
}).on("change", function() {//设置结束时间不能大于开始时间

                  //把开始时间作为结束时间的最早时间
$("#endTime").datetimepicker("setStartDate", $("#_dstartTime").val())
});


$("#endTime").datetimepicker({
language : 'zh-CN', //显示中文
startView : 2,
minView : 3,
endDate : new Date(),//设置可选最新日期为当前时间
format : 'yyyy-mm-dd', //显示格式
initialDate : new Date(), //初始化当前日期
autoclose : true //选中自动关闭
});



//初始化月控件

               $("#_mstartTime").val(y + "-" + m);

              $("#_mstartTime").datetimepicker({
language : 'zh-CN', //显示中文
format : 'yyyy-mm', //显示格式
startView : 3,//日期时间选择器打开之后首先显示的视图  这里月份
endDate : new Date(),//可以选择的最新日期;所有稍后的日期将被禁用。
minView : 4, //显示到月份,日期时间选择器所能够提供的最精确的时间选择视图。
initialDate : new Date(), //初始化当前日期
autoclose : true //选中日期自动关闭
})




//初始化年控件
$("#_ystartTime").val(y);
$("#_ystartTime").datetimepicker({
language : 'zh-CN', //显示中文
format : 'yyyy', //显示格式
startView : 4,//首次展示 年份
endDate : new Date(),//选择最大日期
minView : 4, //设置只显示到年份
initialDate : new Date(), //初始化当前日期
autoclose : true, //选中自动关闭
})









你可能感兴趣的:(前端)