Question

如果另一个代码显示这样的日期选择器：

$('#my-datepicker').datepicker({
    onSelect: function(dateText, inst) { 
    // console.log()
}
});

我想知道在选择datepicker时添加另一个事件，我该怎么做？

更新：我可以这样获得datepicker的实例：

var id = document.getElementById('my-datepicker'); 
var inst = window.$.datepicker._getInst(id);

Answer 1

您可以使用onSelect函数属性上的选项来简单地调用该调用：

jQuery(function($) {

  $("#my-datepicker").datepicker({
    onSelect: function(dateText) {
      console.log(" default event");
    }
  });
  
  $( "#my-datepicker" ).datepicker("option", "onSelect", function() {
    console.log(" another event");
});

});

请参见以下代码段：

<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<input type='text' id='my-datepicker'>

 function shopUpdate($shop_id, $shopInfo) {
     $q = $this->db->select('photo')->where('shop_id', $shop_id)->get('shop');
       if ($q->num_rows() > 0) {
        $imgName = $q->row();
// image path must be './admin/shop'
            unlink("./{image pathe}/".$imgName);
       } 

       $this->db->where('shop_id', $shop_id);
        if($shopInfo) {
            $query = $this->db->update('shop', $shopInfo);
            if ($query) {
                return true;
            } else {
                return false;
            }
        } else {
            return false;
        }    
    }

更改/编辑活动jQuery Datepicker的onSelect事件

1 个答案: