bootstrap-daterangepicker-master相关用法
2014-04-09 20:54
246 查看
初始化
$('#noteRangeInput').daterangepicker({
timePicker: false,
format: 'YYYY/MM/DD',
separator:'-',
locale: {
applyLabel: '确定',
cancelLabel: '取消',
fromLabel: '从',
toLabel: '到',
customRangeLabel: 'Custom',
daysOfWeek: ['日', '一', '二', '三', '四', '五','六'],
monthNames: ['一月', '二月', '三月', '四月', '五月',
'六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
firstDay: 0
}
点击应用日期后的触发方法,获取开始和结束时间方法如下
$('#noteRangeInput').on('apply.daterangepicker', function(ev, picker) {
$.ajax({
url:"",
dataType:"json",
data:{
"startDate" : picker.startDate.format('YYYY-MM-DD') ,
4000
"endDate" : picker.endDate.format('YYYY-MM-DD')
},
success : function(json){
}
}
});//ajax
}
在非触发方法取得日期值
var start = $('#noteRangeInput').daterangepicker().data('daterangepicker').startDate.format('YYYY-MM-DD');
$('#noteRangeInput').daterangepicker({
timePicker: false,
format: 'YYYY/MM/DD',
separator:'-',
locale: {
applyLabel: '确定',
cancelLabel: '取消',
fromLabel: '从',
toLabel: '到',
customRangeLabel: 'Custom',
daysOfWeek: ['日', '一', '二', '三', '四', '五','六'],
monthNames: ['一月', '二月', '三月', '四月', '五月',
'六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
firstDay: 0
}
点击应用日期后的触发方法,获取开始和结束时间方法如下
$('#noteRangeInput').on('apply.daterangepicker', function(ev, picker) {
$.ajax({
url:"",
dataType:"json",
data:{
"startDate" : picker.startDate.format('YYYY-MM-DD') ,
4000
"endDate" : picker.endDate.format('YYYY-MM-DD')
},
success : function(json){
}
}
});//ajax
}
在非触发方法取得日期值
var start = $('#noteRangeInput').daterangepicker().data('daterangepicker').startDate.format('YYYY-MM-DD');
相关文章推荐
- 【整理】linux下测试RTC驱动相关的命令date和hwclock常见用法简介
- bootstrap之daterangepicker---汉化以及扩展
- Mysql Date_format 及时间相关用法
- bootstrap中日历范围选择插件daterangepicker的使用详解
- js根据生日计算周岁 以及Date的相关用法
- linux下测试RTC驱动相关的命令date和hwclock常见用法简介
- linux下测试RTC驱动相关的命令date和hwclock常见用法简介
- Java中Date各种相关用法
- 显示当前相关时间的用法DateFormat
- Java中Date各种相关用法
- dateRangePicker插件用法
- 【bootstrap】使用支持bootstrap的时间插件daterangepicker
- jQuery Valdate、bootstrap-datepicker和distpicker的一些简单用法
- SimpleDateFormat 相关用法
- bootstrap datepicker的相关应用
- Java中Date各种相关用法
- bootstrap日期插件daterangepicker的使用
- bootstrap-daterangepicker:最好用的日期范围选择组件
- linux下测试RTC驱动相关的命令date和hwclock常见用法简介
- 关于bootstrap的日历控件daterangepicker