jQuery WeUI日历calendar时间段（开始日期默认选中日期是今天，结束日期设置最小日期），显示日期格式是yyyy年mm月dd日

jQuery WeUI官网： https://jqweui.cn(国内)

说明

日历calendar时间段为两段，开始日期和结束日期。
开始日期：打开后，默认选中日期是今天。
结束日期：打开后，默认选中和最小日期是开始日期。

html

<div class="weui-cell__bd"><input class="weui-input" id="start_datetime" type="text"style="border: 0;width: 7rem;padding: 0 0 0 .3rem;" placeholder="请选择开始日期"  readonly /><span class="split">-</span><input class="weui-input" id="end_datetime" type="text"style="border: 0;width: 5rem;padding: 0 0 0 .3rem;" placeholder="结束日期" readonly />
</div>

jQuery

// ----获取今天日期，格式是： yyyy-mm-dd ----function formatDate(date) {var y = date.getFullYear();var m = date.getMonth() + 1;m = m < 10 ? '0' + m : m;var d = date.getDate();d = d < 10 ? ('0' + d) : d;return y + '-' + m + '-' + d;}
// 初始化[开始时间]$("#start_datetime").calendar({// maxDate: [formatDate(new Date())], //设置今天日期为可选最大日期value: [formatDate(new Date())],  //设置默认选中日期是今天dateFormat: 'yyyy年mm月dd日', //设置日期格式onChange: function (p, values, displayValues) {if (!isInit) { // 判断结束日期是否初始化$("#reception_datetime").calendar("destroy");  //每次点击先销毁isInit = true;  //结束日期未初始化，需要初始化}}});// 初始化 [结束时间]var isInit = true; //未初始化$("#end_datetime").click(function () {//  ----正则表达式 yyyy年dd月mm日 转换 yyyy-dd-mm  ----var startData= $("#start_datetime").val();var reg = /(\d{4})\年(\d{2})\月(\d{2})日/;var start = startData.replace(reg, "$1-$2-$3");if (isInit) { var startDate = new Date(start);const preDate = new Date(startDate.getTime() - 24 * 60 * 60 * 1000); //前一天const preDate_format = formatDate(preDate);$("#end_datetime").calendar({  //结束日期初始化minDate: [preDate_format],  //设置最小可选日期的【前一天】value: [start],  //设置默认选中日期dateFormat: 'mm月dd日' //设置日期格式});$("#end_datetime").calendar("open");  //直接打开[结束时间]，显示日期都是NaN，重新初始化后选择[开始时间]数据正常isInit = false; //已初始化}});

效果图

直接选择结束日期：

正确选择：

jQuery WeUI日历calendar时间段（开始日期默认选中日期是今天，结束日期设置最小日期），显示日期格式是yyyy年mm月dd日相关推荐

Python写，将输入的yyyy/mm/dd格式的日期显示为yyyy年mm月dd日。
7.(程序题)编程将输入的yyyy/mm/dd格式的日期显示为yyyy年mm月dd日. str = input("请输入日期:") length=len(str) if str[6 ...
mysql返回yyyy mm dd_怎么把取出mysql数据库中的yyyy-MM-dd日期转成yyyy年MM月dd日格式...
您好,通过两个个步骤可以完成转换: 第一步:日期处理可以在模板数据集中通过sql语句转换,转换方式方式如下: SELECT DATE_FORMAT(NOW(),'%Y') ...
Oracle格式化日期：yyyy年mm月dd日
如:yyyy年mm月dd日需要加双引号例子:SELECT to_char(SYSDATE,'yyyy"年"mm"月"dd"日"') FRO ...
oracle--day2（单值函数（字符函数，日期函数，转换函数，数字函数），日期格式（yyyy，mm等含义），表示一个日期数据的4种方式，多表查询（连接查询（等值连接，不等值连接，外连接，自连接））
第三章:单值函数函数分为: 1.单值函数 1.字符函数 2.日期函数 3.转换函数 4.数字函数 ...
日历显示为何成了107年2月18日
相当多的网站首页都有日历显示,可是过了1999年后有些出现了日期显示不正确的的问题.例如2007年2月18日显示成107年2月18日,显然是千年虫的问题.解决这个问题只要看下面的Date对象的GetY ...
Java - 日期和时间：如何取得年月日、时分秒？如何取得从1970年1月1日0时0分0秒到现在的毫秒数？如何取得某月的最后一天？如何格式化日期？
分享一个大牛的人工智能教程.零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请点击http://www.captainbed.net 问题1:创建java.util.Calendar 实 ...
oracle将字符串的日期格式化,oracle格式化字符串 oracle 怎么把字符串转换成日期...
Oracle数据库中如何将字符串格式化为日期可以用 to_date('日期类型字符串','要转化的日期类型')函数进行日期格式转换 sql:select to_date('1990-12-12 12 ...
calendar类_带有时区的字符怎样转换为时间及Java 8中日期与 Calendar 转换
概述 Java 8 日期,时间常用操作及格式化. 重点怎么把时间戳转换为带有时区的时间字符串? 带有时区的字符串怎样转换为时间? Java 8中时间,日期与Date, Calendar 怎样互转? ...
WPF DatePicker默认显示当前日期,格式化为年月日（转）
WPF DatePicker默认显示当前日期,格式化为年月日 2018年08月08日 11:23:00 weixin_33922670 阅读数:253 原文:WPF DatePicker默认显示当前日 ...
带有毫秒转换日期_【Java学习笔记（七）】之日期类的介绍
本文章由公号[开发小鸽]发布!欢迎关注!!! 老规矩--妹妹镇楼: 一． Date类 (一) 定义代表了一个特定的时间,精确到毫秒 (二) 构造方法 1. public Date() 构造并初始化 ...

jQuery WeUI日历calendar时间段（开始日期默认选中日期是今天，结束日期设置最小日期），显示日期格式是yyyy年mm月dd日

说明

html

jQuery

效果图

jQuery WeUI日历calendar时间段（开始日期默认选中日期是今天，结束日期设置最小日期），显示日期格式是yyyy年mm月dd日相关推荐

最新文章

热门文章