lulu-ui日期选择器-周选择封装

功能：选择日期后，默认选中该日期一周内的时间

/*** 周选择*传入DateTime对象和options*/
function weekDateSelectInit(dateTime,options) {$('body').on('mouseover', '.ui-date-container a.ui-date-item', function () {$(this).click(function () {var selectedTime = $(this).attr('data-date');var nowTime = getNowDateStr();var endTime = getDateByDays(new Date(selectedTime), 7);endTime = endTime >= nowTime ? nowTime : endTime;$('.ui-date-container').remove();$('label.ui-date-arrow').remove();var selector = dateTime.el.trigger.prevObject.selector;var o =  {value: selectedTime + ' 至 ' + endTime,max: getNowDateStr()};//合并原有optvar opt = $.extend({}, o, options);//创建一个新的daeTime$(selector).val('');dateTime = null;dateTime = new DateTime($(selector),opt);dateTime.show();})})
}function getNowDateStr() {var d = new Date();var nY = d.getFullYear();var nM = (d.getMonth()+1)<10?"0"+(d.getMonth()+1):(d.getMonth()+1);var nD = d.getDate()<10?"0"+d.getDate():d.getDate();var nowTime =nY+'-'+nM+'-'+nD;return nowTime;
}
/*** @return {string}*/
function getDateByDays(dd,days) {dd.setDate(dd.getDate()+days);var y = dd.getFullYear();var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);var d = dd.getDate()<10?"0"+dd.getDate():dd.getDate();return y+"-"+m+"-"+d;
}

lulu-ui日期选择器-周选择封装相关推荐

vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期
vue+elementUI日期选择器实现选择日期,自动对应周几之前在公司的项目里面遇到这个问题,如今想起来在这里总结一下,如果有更好的方法,请各位大神多多指教. 在template里面给选择日期的e ...
使用element ui 日期选择器获取值后的格式问题
一般情况下,我们需要给后台的时间格式是: "yyyy-MM-dd" 但是使用Element ui日期选择器获取的值是这样的: Fri Sep 22 2017 00:00:00 GM ...
【vue开发问题-解决方法】（五）vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function
[vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...
element日期选择器年月日选择
element日期选择器年月日选择 1,效果图 2,月和日官网上都有现成的,直接拿来用,年手动写的 <div class="tableoptbox"><div ...
antd 日期时间选择_antd日期选择器禁止选择当天之前的时间操作
使用disabledDate属性(不可选择的日期) 在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return current &&am ...
vue 饿了么ui 日期选择器修改样式
<div class="block"><el-date-pickerv-model="selectStartTime"type="d ...
element 日期选择器只能选择今天之前或选择今天之后的日期
<template><div class="app-container"><el-date-pickerv-model="birthday& ...
Ant Design RangePicker 日期选择器不可选择今日或以后的日期, 最多可以选择31天.
首先先看看效果: 效果图: 默认是一直不可选择今日和以后的日期当选择了一个日期后, 将它的可选择区间限制在 31 天内, 并且下次选择时解除限制下面是代码示例, 里面的 props, state, ...
iview ui 日期选择器禁用今天之前和数据返回的日期
直接上代码 <template><Row><Col span="12"><DatePicker type="date" ...

lulu-ui日期选择器-周选择封装

lulu-ui日期选择器-周选择封装相关推荐

最新文章

热门文章