datetimepicker 配置

最新推荐文章于 2025-06-23 15:29:44 发布

if_you_can_please_do

最新推荐文章于 2025-06-23 15:29:44 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.csdn.net/if_you_can_please_do/article/details/73292177

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了日期时间选择器的不同配置选项，包括年月日时分、年月日、年月和年的具体设置，如格式、视图级别、最小最大视图、今日按钮等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$input.prop(“readonly”, true).datetimepicker(options);

options 配置如下：

年月日时分
这里写图片描述

{
                    format: "yyyy-mm-dd hh:ii",
                    startView: 4,  //首先显示的视图, 0当前时的分钟区间 1该天的每时 2该月的每天 3该年的每月 4年视图
                    minView: 0,
                    maxView: 4,
                    todayBtn: true,  //是否显示今日按钮
                    /*startDate: new Date("2017/6/15"),  //开始时间
                    endDate: new Date("2017/7/15"),*/  //结束时间
                    autoclose: true,  //当选择一个日期之后是否立即关闭此日期时间选择器。
                    language: 'zh-CN'
}

年月日

这里写图片描述

{
                    format: "yyyy-mm-dd",
                    startView: 4,  //首先显示的视图, 0当前时的分钟区间 1该天的每时 2该月的每天 3该年的每月 4年视图
                    minView: 2,
                    maxView: 4,
                    todayBtn: true,  //是否显示今日按钮
                    /*startDate: new Date("2017/6/15"),  //开始时间
                    endDate: new Date("2017/7/15"),*/  //结束时间
                    autoclose: true,  //当选择一个日期之后是否立即关闭此日期时间选择器。
                    language: 'zh-CN'
}

年月

这里写图片描述

 {
                    format: "yyyy-mm",
                    startView: 4,  //首先显示的视图, 0当前时的分钟区间 1该天的每时 2该月的每天 3该年的每月 4年视图
                    minView: 3,
                    maxView: 4,
                    todayBtn: true,  //是否显示今日按钮
                    /*startDate: new Date("2017/6/15"),  //开始时间
                    endDate: new Date("2017/7/15"),*/  //结束时间
                    autoclose: true,  //当选择一个日期之后是否立即关闭此日期时间选择器。
                    language: 'zh-CN'
  }

年

这里写图片描述

 {
                    format: "yyyy",
                    startView: 4,  //首先显示的视图, 0当前时的分钟区间 1该天的每时 2该月的每天 3该年的每月 4年视图
                    minView: 4,
                    maxView: 4,
                    todayBtn: true,  //是否显示今日按钮
                    /*startDate: new Date("2017/6/15"),  //开始时间
                    endDate: new Date("2017/7/15"),*/  //结束时间
                    autoclose: true,  //当选择一个日期之后是否立即关闭此日期时间选择器。
                    language: 'zh-CN'
  }