相关文章推荐

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

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

<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官网: https://jqweui.cn(国内)说明日历calendar时间段为两段,开始日期和结束日期。开始日期:打开后,默认选中日期是今天。结束日期:打开后,默认选中和最小日期是开始日期。html&lt;div class="weui-cell__bd"&gt; &lt;input class="weui-input" id="start_datetime" type="text"style="border: 0;width: 7rem;padding: 0 克隆只需使用: git clone https://github.com/a2wd/jquery-calendar.git 要使用确保你有一个指向 jQuery 的链接并像这样调用一个元素: $(element).aCal(); 或者,使用返回值进一步操作日历对象: $(element).aCal(); var aCal = $(element).data("aCal"); aCal.move(1); 示例 html: <!DOCTYPE html > < title > jQuery Calendar Plugin </ title > < meta name =" viewport " content =" width=device-width, initial-scale=1.0
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。而jQuery WeUI是在其基础上的加强版本,专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。 jQuery WeUI 的组件分两部分 基础组件:weui官方的组件,使用了weui官方...
jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。 jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现...
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out 49522
解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out caxuesong: 有用,vpn一关就不报错了 解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out Daphne__Odora: 哈哈哈哈哈哈谢谢你!真的有用! 解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out 凌晨一点的猫lx: 有用,谢谢啦~ 解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out 凌晨一点的猫lx: 我理解的是vpn 之类的,仅供参考哈 解决git报错:‘fatal: unable to access ‘https://XXX: Failed onnect to github. com port 443: Timed out 谢谢你,解决了
 
推荐文章