Question

我不知道如何使用该功能设置日期输入的选定日期（弹出日期选择器），并在下面的日历中设置该日期（内联日期选择器）。我已经看到了这个函数来设置它：_setDate或_setDateDatepicker，但我不知道如何实现它。如果有人可以帮助我，我将不胜感激。

$.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>

Answer 1

我认为您可以使用与常规日期选择器相同的功能。

使用指定的defaultDate选项初始化datepicker：

$( ".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

如何在jQuery Mobile 1.4 Datepicker中创建事件？

1 个答案: