如何在实现日期选择器中设置日期 [英] How to set the date in materialize datepicker

问题描述

我正在使用materializecss.com Datepicker.当我尝试使用jquery设置日期时，日期未设置.这是我的代码:-

I am using materializecss.com Datepicker. When i try to set date with jquery, the date doesn't get set. Here is my Code :-

// Materialize Date Picker
    window.picker = $('.datepicker').pickadate({
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 100, // Creates a dropdown of 15 years to control year
        format: 'dd/mm/yyyy'    
    });

<input type="text" id="Date" class="datepicker" />

在Button的Click事件上，我正在设置日期:-

On Click event of a Button , I am setting the date :-

$("#Date").val('23/01/2015');

当我打开日期选择器时，它显示了我今天的日期.

When i open the datepicker it shows me today's date.

如何在实现日期选择器中设置日期?

How to set the date in materialize datepicker?

推荐答案

将日期选择器材料化是经过修改的 pickadate.js 选择器.

Materialize datepicker is a modified pickadate.js picker.

根据他们的 API文档，这是设置选择器的方法:

Accodging to their API docs, this is how to set the picker:

1. 获取选择器:

var $input = $('.datepicker').pickadate()

// Use the picker object directly.
var picker = $input.pickadate('picker')

1. 设置日期:

// Using arrays formatted as [YEAR, MONTH, DATE].
picker.set('select', [2015, 3, 20])

// Using JavaScript Date objects.
picker.set('select', new Date(2015, 3, 30))

// Using positive integers as UNIX timestamps.
picker.set('select', 1429970887654)

// Using a string along with the parsing format (defaults to `format` option).
picker.set('select', '2016-04-20', { format: 'yyyy-mm-dd' })

这篇关于如何在实现日期选择器中设置日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！