2015-04-04 52 views
2

我不知道如何使用函数来设置日期输入(弹出日期选择器)的选定日期,并在下面的日历(内联日期选择器)中设置该日期。我已经看到了这个功能来设置它:_setDate_setDateDatepicker,但我不知道如何实现它。请,如果有人能帮助我,我将不胜感激。如何在jQuery Mobile 1.4 Datepicker中创建事件?

$.datepicker.setDefaults({ 
    showOn: "both", 
    showWeek: true, 
    firstDay: 1, 
    dateFormat: 'dd/mm/yy', 
    maxDate: '+0', 
    selectOtherMonths: true, 
    regional: 'uk', 
    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'] 
<body> 
    <h2>Popup Datepicker</h2> 
    <div data-demo-html="true"> 
     <input type="date" id="date_val" data-role="datebox" style="margin-top: 10px" data-options='{"mode": "calbox", "useNewStyle":true,"useFocus": true}'> 
    </div> 

    Evento: 
    <input type="text" id="event" name="event"> 
    <input type="button" id="btn" value=" Enviar " onClick="myFunction()"> 

    <h2>Inline Datepicker</h2> 
    <div data-demo-html="true"> 
     <input type="text" id="cal" data-role="date" data-inline="true"> 
    </div> 
+0

您是否找到了解决方案?我也需要实现'onSelect',但仍然没有任何线索。 – 2017-02-01 09:31:05

回答

0

我想你可以使用相同的功能,作为一个经常日期选择器。

与指定defaultDate选项初始化日期选择器:

$(".selector").datepicker({ 
    defaultDate: +7 
}); 

,获取或设置defaultDate选项,初始化后:

// Getter 
var defaultDate = $(".selector").datepicker("option", "defaultDate"); 

// Setter 
$(".selector").datepicker("option", "defaultDate", +7); 

Source

更新:刚刚找到一些方法可能有用

$(".selector").datepicker("setDate", "10/12/2012"); 

API reference