• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
雾戤
博客园    首页    新随笔    联系   管理    订阅  订阅

daterangepicker的汉化和简单使用

$('#dateRange').daterangepicker({
  showDropdowns: true, //年月份下拉框
  autoUpdateInput:false, //关闭自动赋值,使初始值为空
timePicker:true,//显示时分时间选择
timePicker24Hour : true,//设置小时为24小时制
timePickerSeconds: true, //时间显示到秒
  "opens": "center",  //打开位置
  showWeekNumbers: true,
  locale: { //汉化   
 format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
    applyLabel: '确定', //确定按钮文本
    cancelLabel: '取消', //取消按钮文本
    daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
    '七月', '八月', '九月', '十月', '十一月', '十二月'],
    firstDay: 1
 },
}, function(start,end) {
   // this.autoUpdateInput=true; 这样写如果日期是默认值日期并不会附上去所以要手动添加
});
//绑定应用按钮
$('#singleDate').on('apply.daterangepicker', function (ev, picker) {
//填充数据
$("#singleDate").val(picker.startDate.format('YYYY-MM-DD HH:mm:ss'));
});
posted @ 2019-09-03 11:01  雾戤  阅读(4703)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3