设置Jquery UI中datepicker的日期为初始值或者特定值

最新推荐文章于 2024-04-25 15:53:50 发布

Lin_Dan_Dan

最新推荐文章于 2024-04-25 15:53:50 发布

阅读量2.1w

点赞数

分类专栏： web前端 js

本文链接：https://blog.csdn.net/u010176097/article/details/80944913

版权

web前端同时被 2 个专栏收录

57 篇文章 1 订阅

订阅专栏

25 篇文章 0 订阅

订阅专栏

datepicker是Jquery UI中的一个日期组件，下面列出一些常见的操作方法。

一初始化

datepicker的初始化需要加载Jquery UI的css和js文件，然后才能按照下面的方式初始化。

$('#time').datepicker({
            defaultDate: "+1w",
            dateFormat: 'yy-mm-dd',
            minDate: '+0'
        });

二设置值

假如你想设置datepicker的值为特定的某一天，可以通过下面的方式设置。

$("#time").datepicker('setDate',new Date()); //设置为当前日期

$("#time").datepicker('setDate',new Date(1532534400000)); //参数为毫秒数

$("#time").datepicker('setDate',new Date("2018-8-6"));//参数为上面初始化时的格式

$("#time").datepicker('setDate',0); //设置为0后，日期框的值将成为初始化的格式，清空了之前的数据

以上就是datepicker中最常用的几种方法，其余高深用法可参看官方文档。