jquery-mobile - 如果高日期，日期框执行警报 - Jquery Mobile

Question

我有一个 calbox，其中包含一组 highDates 选项：

<input name="date" id="date" type="date" data-role="datebox" data-options='{"mode": "calbox", "hideInput": true, "useSetButton":false, "useInline": true, "useImmediate":true, "calHighToday":false, "calHighPick":false, "highDates":["2012-06-20", "2012-06-21"], "themeDateHigh":"b" }'>

我想在单击其中一个 highDates 时执行警报。仅当它是 highDate 时。

是否可以？

Answer 1

您应该按照DateBox 事件文档中的说明绑定到set有效负载事件。

$('document').bind('pagecreate', function() {
  $('element').bind('datebox', function(e, p) {
    if ( p.method === 'set' ) {
      e.stopImmediatePropagation();

      var myHighDates = $('#date').data('datebox').options.highDates;
      var dateClicked = p.value;

      //DateBox seems to be using diff formats :(
      //Need to convert dateClicked into format matching HighDate 

      if(myHighDates.indexOf(dateClicked) != -1) {
         console.log('highDate clicked:'+dateClicked);
      }else {
         console.log('another date clicked:'+dateClicked );            
      }

    }
  });
});

这是我尝试过的代码的jsfiddle ...我遇到的问题是日期格式不匹配...您必须输​​入一些代码以使它们相似indexOf才能工作。