Question

当你改变/改变某一日期时,我想提醒大家注意“ok”。但是,这只是两个警示而不是一个警报?

如何解决这一问题?

这部法典:

$(document).ready(function(){
       $( #datePicking ).daterangepicker({
           arrows:true,
           onChange: function(){                  
               alert( ok );
           }
       }); 
});

我正在使用jquery 1.3.2和ID 1.7.2。

Answer 1

It appears that this is known issue with the plugin.

From Scott (Filament) at filamentgroup :

I added a callback function for onChange now that you might be able use. Keep in mind that it may not fit your needs exactly because it will fire on EVERY change that occurs in the input. One-click range shortcuts will actually fire 2 change callbacks because this plugin simply triggers date changes on each datepicker, one at a time. Once this plugin is adopted by jQuery UI, I’m sure we’ll work that part out and have the rangepicker firing events as one widget. For now, you’ll need to set up your page with this issue in mind.

这方面的工作方式可以是使用<代码>(#datePicking ).blur()而不是使用onChange的原始方案。

Answer 2

最好在Close而不是在Change使用

 $(document).ready(function(){
    $( #datePicking ).daterangepicker({
       arrows:true,
       onClose : function(){                  
           alert( ok );
       }
   }); 
});

这样做可能有助于

Answer 3

In my case, I am using daterangepicker with angular. My purpose is to watch any change in the model that stores the date range value and save it for an AJAX call later. I face the same issue as it hits the event twice whenever the date is change even if it is only Today : Once it is object with startDate and endDate properties, and the other time it is a string.

可以利用这一优势。

 $scope.$watch(
     rangeOfDate ,
    function (newValue) {
        // Due to a known bug of open source library daterangepicker, the event is hit twice 
        //upon change. Once it is an object, and once it is a string. So, use appropriately.
        var selectedDateRange = new Object();
        if (typeof (newValue) ==  object ) {
            selectedDateRange.startDate = new Date(newValue.startDate).toLocaleDateString();
            selectedDateRange.endDate = new Date(newValue.endDate).toLocaleDateString();
            //Do as you wish with this custom object
        }
        else if (typeof (newValue) ==  string ) {
            alert("string");
        }               
    },
    false);

友情链接