jquerymobile datebox - 如何调用一个函数时，选定的日期(jquerymobi

我继承了使用jquerymobile datebox一些代码。 到目前为止的代码专注于使应用程序看起来是正确的。 我要让它工作，这样，当选择了日期，服务器名为日期和加载了新的一页。 大多数的例子只是改变页面的日期。

到目前为止的代码是： -

$('#daycal').live('click', function() {
  $('#catchdate').datebox('open');
});

$( "#catchdate" ).bind( "change", function(event, ui) {
  $("#test1").val("xyz");
});

和

<div data-role="fieldcontain">
  <label for="catchdate">Some Date</label>
  <input name="catchdate" type="date" data-role="datebox" id="catchdate" data-options='{"mode":"calbox", "useNewStyle":true, "theme":true, "themeHeader":"f", "themeDateHigh":"f", "themeDatePick":"e", "themeDate":"f", "centerHoriz":true}' />
  <input id="test1" type="text"/> <!-- Later changed to a function call -->
</div>

在我简单的测试，我的预期时选择的日期在输入文本改变。

我一直在使用绑定改变事件看到一个例子，但我不能得到它的工作。 在这个例子中我只是改变在输入元素的值，稍后将被更改为一个函数调用。

我也看到了在某个地方我寻找一个答案，一个评论说，“活”已被否决。

最后，我想我可以使用closeCallback（“回调（” openCallback“和‘closeCallback’）是简单的和...共事”），但无法找到它应如何使用任何的例子。

做什么样的变化我需要获得我需要的功能？

Answer 1:

你可以尝试使用日期框的关闭功能，这样当用户更改日期选择他做，并关闭日期中，您可以调用与选定的日期服务器的方法：

$('#DateSelectorId').bind('datebox', function (e, passed) { 
    if ( passed.method === 'close' ) {  
        // selected date
        var date = $('#DateSelectorId').val();          
        // make your service method and change page to another page
    }
});

Answer 2:

认为这是可以修复它

$('#catchdate').on('datebox', function(e, p) {
   if ( p.method === 'close' ) {
       alert('DO SOMETHING');
   }
});

ü可以去测试它提琴

**我认为ü需要输入框为空或不是一些有效性检查

文章来源: jquerymobile datebox - How to call a function when date selected