datePicker.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 应用的更多相关文章
- js日历,使用datepicker.js,ui.core.js,jquery-1.7.1.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js 日期插件 datepicker
点击图片出现 时间 ,增加一个点击事件 <label for="" class="width80">创建日:</label> < ...
- Jquery datepicker 时间插件使用 js 时间相加,相减
$(document).ready(function(){ //输入框事件 $('#probation').bind('input propertychange', function() { var ...
- JS组件系列——Bootstrap Table 表格行拖拽
前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果 项目涉及到订单模块,那天突然接到 ...
- 【Java EE 学习 25 下】【网上图书商城js小技术点总结】
1.日历控件的使用 日历控件源代码: /** * add auto hide when mouse moveout * * @version 1.0.1 * @date 2010-11-23 * @a ...
- jQuery Mobile Datepicker 使用
插件引入文件: <meta name="viewport" content="width=device-width, initial-scale=1"&g ...
- 双日历插件--jq datepicker时间范围选择
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- JQuery好用的日期选择控件 DatePicker
近期发现一个很好的基于JQ的前端UI日期选择控件Jquery.DatePicker.js 下载地址:jquery.DatePIcker.js 演示地址:DatePicker - 基于jQuery 1. ...
- jquery日历datepicker的使用方法
jquery.ui.datepicker.js 用法: http://blog.csdn.net/zb0567/article/details/7906238 原文 http://blog.cs ...
随机推荐
- 利用JQuery直接调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...
- 任务管理器中的PID找不到
PID是Process ID的简称,这对WINDOWS开发人员来说是非常有用的信息,但对于普通用户来说则根本不必去理会. 举个例子来说: 在网站发布的时候,需要安装IIS,那么iis的tcp的80 ...
- 海量数据处理 - 10亿个数中找出最大的10000个数(top K问题)
前两天面试3面学长问我的这个问题(想说TEG的3个面试学长都是好和蔼,希望能完成最后一面,各方面原因造成我无比想去鹅场的心已经按捺不住了),这个问题还是建立最小堆比较好一些. 先拿10000个数建堆, ...
- 使用“万能数据库查询分析器”的Windows 7、Windows 8、Windows 10的用户须知
与以前的Windows操作系统版本(包括WinXP/VISTA/Windows2000/WindowsNt/Win98)不同,Windows 7.Windows 8.Windows 10短日期采用的分 ...
- Spring的声明式事务管理
在service类前加上@Transactional,声明这个service所有方法需要事务管理.每一个业务方法开始时都会打开一个事务. Spring默认情况下会对运行期例外(RunTimeExcep ...
- SharePoint 调查添加图片支持
前言:今天,碰到一个有趣的问题,就是SharePoint调查里面,添加对于图片的支持,众所周知,SharePoint的调查就支持那么几种字段类型的问题,当然,我们可以开发实现,不过,这个不是我们今天介 ...
- unix下各种查看“变量”的命令比较
子程序只会继承父程序的环境变量,而不继承其自定义变量. env 查看所有环境变量 set 查看所有变量,包括环境变量和自定义变量 set 还可以给程序位置参数赋值: set 1 2 3 将1赋值给$1 ...
- ios中XMPP的搭建
1 首先下载xmppframework这个框架 https://github.com/robbiehanson/XMPPFramework 2 环境配置 参考:https://github.com ...
- cookie的增删改查函数
function setCookie(name,value,expires,path,domain){ //设置过期时间 var oDate = new Date(); oDate.setDate(o ...
- css选择器应用
.mynav li:not(:last-child) { margin-right: 20px; }