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

How do I create events in jQuery Mobile 1.4 Datepicker?

本文关键字:Datepicker 创建 事件 jQuery Mobile      更新时间:2023-09-26

我不知道如何使用函数来设置日期输入的选定日期(弹出日期选择器),并在下面的日历中设置该日期(内联日期选择器)。我见过这个函数来设置它:_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>

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

使用指定的defaultDate选项初始化日期选择器:

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

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

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

更新:刚刚发现了一些可能有用的方法

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

API参考