分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

datePicker.js 应用

发布时间:2023-09-06 01:54责任编辑:傅花花关键词:js
var calendar2 = new datePicker();
calendar.init({
???‘trigger‘: ‘#datetime-picker-start‘, /*选择器,触发弹出插件*/
???‘type‘: ‘date‘,/*date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择*/
???‘minDate‘:calculationDate(1),/*最小日期 1天*/
???‘maxDate‘:calculationDate(30),/*最大日期*/
???‘format‘: ‘yyyy-MM-dd 零时‘,
???‘onClose‘: function () {/*取消时触发事件*/
???????if(this.value&&this.value.length>9){
???????????var date=new Date(Date.parse(this.value.substr(0,10).replace(/-/g,  "/")));
???????????var startDate = new Date(Date.parse($("#datetime-picker-start").val().substr(0,10).replace(/-/g, ??"/")));
???????????var endDate = new Date(Date.parse($("#datetime-picker-end").val().substr(0,10).replace(/-/g, ??"/")));
???????????if(!isNaN(endDate)){
???????????????$("#datetime-picker-end").val();
???????????}
???????????if(!isNaN(startDate)){

          // calendar1.init({
          // ????‘minDate‘:calculationDateByStartDate(1,startDate),/*最小日期 1天*/
          // ????‘maxDate‘:calculationDateYearByStartDate(1,startDate),/*最大日期 1年*/
          // })

???????????????calendar1.init({
???????????????????‘trigger‘: ‘#datetime-picker-end‘, /*选择器,触发弹出插件*/
???????????????????‘type‘: ‘date‘,/*date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择*/
???????????????????‘minDate‘:calculationDateByStartDate(1, startDate),/*最小日期 1天*/
???????????????????‘maxDate‘:calculationDateYearByStartDate(1, startDate),/*最大日期 1年*/
???????????????????‘format‘: ‘yyyy-MM-dd 24时‘,
???????????????????‘onClose‘: function () {/*取消时触发事件*/
???????????????????????if(this.value&&this.value.length>9){
???????????????????????????// var date=new Date(Date.parse(this.value.substr(0,10).replace(/-/g,  "/")));
???????????????????????????setEndTime();
???????????????????????}
???????????????????}
???????????????});
???????????????// calculationDateByStartDate(1, startDate);
???????????????// calculationDateYearByStartDate(1, startDate);
???????????}
???????????// setEndTime();
???????}
???}
});

datePicker.js 应用

原文地址:https://www.cnblogs.com/billking/p/9055300.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved