blocks|key|137075|text|您应该使用"changeDate“事件。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|137076|var+datePicker+=+$('.date-picker').datePicker().on('changeDate',+function(ev)+{
++++//Functionality+to+be+called+whenever+the+date+is+changed
});|code-block|syntax|javascript|137077|有关此活动的更多信息，请查看文档here。|offset|length|137078|entityMap|0|LINK|mutability|MUTABLE|url|http://www.eyecon.ro/bootstrap-datepicker/^0|0|0|G|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You should be using the "changeDate" event. For example:

<pre><code>var datePicker = $('.date-picker').datePicker().on('changeDate', function(ev) {
 //Functionality to be called whenever the date is changed
});
</code></pre>

Please view the documentation <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="noreferrer">here</a> for more info on this event.

blocks|key|4643767|text|它没有解决这个问题，但我是使用datepicker通过ajax+post发送的，所以这3个更改事件给我带来了问题-第三个事件总是失败。即使文档中说要使用changeDate事件，但在我看来，触发输入标记的change事件3次似乎是不对的。该值不会改变3次！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643768|我写了一个简单的“去抖动”函数来解决这个问题。没有修复这个问题-这是由于小部件的方法:+setValue+(508行)、_setDate：(1048行)和setValue+(508行)+(version+1.3.0)触发了多个更改事件。|4643769|+var+lastJQueryTS+=+0+;//+this+is+a+global+variable.
+....
+//+in+the+change+event+handler...
++++var+send+=+true;
if+(typeof(event)+==+'object'){
++++if+(event.timeStamp+-+lastJQueryTS+<+300){
++++++++send+=+false;
++++}
++++lastJQueryTS+=+event.timeStamp;
}
if+(send){
++++post_values(this);
}|code-block|syntax|javascript|4643770|它非常简单，只需找到jquery+'event'，并确保300ms窗口中的值被忽略即可。在我的测试中，这一切都发生在30毫秒左右。|4643771|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

it does not fix the problem, but i was using the datepicker to send through an ajax post, so the 3 change events was causing me problems - the 3rd event always failed. even if the documentation says to use a changeDate event, it doesn't seem right to me to fire the input tag's change event 3 times. the value isn't changing 3 times!

I wrote a simple 'debounce' function to get around the problem. doesn't fix the issue - which is due to multiple change events being fired from the methods: setValue (line 508) _setDate:(line 1048) and setValue (line 508) (version 1.3.0) of the widget.

<pre><code> var lastJQueryTS = 0 ;// this is a global variable.
 ....
 // in the change event handler...
 var send = true;
if (typeof(event) == 'object'){
 if (event.timeStamp - lastJQueryTS &lt; 300){
 send = false;
 }
 lastJQueryTS = event.timeStamp;
}
if (send){
 post_values(this);
}
</code></pre>

it is pretty simple, just finds the jquery 'event', and makes sure that values in a window of 300ms are ignored. in my testing this all happened in 30 msec or so.

blocks|key|4643809|text|获取全局变量计数并检查是否等于0，然后执行您的函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643810|var+count=0;
+++++$(+"#Id"+).datepicker({+minDate:+0}).on('change',function+(){
++++++++++++if(count==0)+
+++++++++++validity();//any+function
+++++++++++count=1;
+++++++++});
+++++validity(){+count=0;}|code-block|syntax|javascript|4643811|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Get global variable count and check if equal to 0 then execute Your function. 

<pre><code>var count=0;
 $( "#Id" ).datepicker({ minDate: 0}).on('change',function (){
 if(count==0) 
 validity();//any function
 count=1;
 });
 validity(){ count=0;}
</code></pre>

blocks|key|4643821|text|有点烦人。我的代码是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643822|var+c=0;var+send=false;
++++$(document).ready(function()+{
++++++++jQuery(+".ed"+).datepicker({+
++++++++++++format:+"yyyy-mm-dd",
++++++++++++autoclose:!0
++++++++}).on('change',function()+{
++++++++++++if(c==2){
++++++++++++++++c=0;
++++++++++++++++send=true;
++++++++++++}else{
++++++++++++++++c%2B%2B;
++++++++++++++++send=false;
++++++++++++}++++++++++++++++
++++++++});

++++});|code-block|syntax|javascript|4643823|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

bit annoying..
my code was:

<pre><code>var c=0;var send=false;
 $(document).ready(function() {
 jQuery( ".ed" ).datepicker({ 
 format: "yyyy-mm-dd",
 autoclose:!0
 }).on('change',function() {
 if(c==2){
 c=0;
 send=true;
 }else{
 c++;
 send=false;
 } 
 });

 });
</code></pre>

blocks|key|4643863|text|找到你固定的js+datepicker文件HERE是固定的|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4643864|阅读修复说明HERE|4643865|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/eternicode/bootstrap-datepicker/tree/master/js|1|https://github.com/eternicode/bootstrap-datepicker/pull/1337^0|L|4|0|0|6|4|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

It is fixed find your fixed js datepicker file <a href="https://github.com/eternicode/bootstrap-datepicker/tree/master/js" rel="nofollow">HERE</a>

Read fixing description <a href="https://github.com/eternicode/bootstrap-datepicker/pull/1337" rel="nofollow">HERE</a>

blocks|key|4643907|text|正如一些人已经提到的，使用这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643908|$('#calendar').on("changeDate",+function()+{

});|code-block|syntax|javascript|4643909|诀窍是使用changeDate而不是change。|offset|length|style|CODE|4643910|entityMap^0|0|0|5|A|I|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

As some has mentioned already, use this:

<pre><code>$('#calendar').on("changeDate", function() {

});
</code></pre>

The trick is to use <code>changeDate</code> instead of <code>change</code>.

blocks|key|137310|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|137311|var+pickerFireCount+=+0;

function+checkSelectedDateIsHollyday(rId)+{
++pickerFireCount%2B%2B;
++if+(pickerFireCount+==+3)+{
++++if+(!selectedDateIsHolyday(rId))+{
++++++showInfoMessage('The+date+you+selected+is+a+holiday.');
++++++pickerFireCount+=+0;
++++}
++}
}|code-block|syntax|javascript|137312|137313|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var pickerFireCount = 0;

function checkSelectedDateIsHollyday(rId) {
 pickerFireCount++;
 if (pickerFireCount == 3) {
 if (!selectedDateIsHolyday(rId)) {
 showInfoMessage('The date you selected is a holiday.');
 pickerFireCount = 0;
 }
 }
}</code></pre>
</div>
</div>

blocks|key|4643943|text|我尝试了#pgee70中的答案，它对我不起作用。所以这就是我的解决方案，希望能有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643944|var+send=true;

+$('.input-group.date').datepicker({
+++++todayBtn:+"linked",
+++++keyboardNavigation:+false,
+++++forceParse:+false,
+++++language:+'es-ES',
+++++weekStart:+1,
+++++format:+'dd/mm/yyyy',
+++++enableOnReadonly:false,
+++++calendarWeeks:+true,
+++++autoclose:+true,
+++++todayHighlight:true
+}).on("changeDate",+function(e)+{
+++++if(send){
++++++++modificarFechaAplicacionCliente($("#input_filtro_fecha_cliente").val());
++++++++send=false;
+++++}

+++++setTimeout(function(){send=true;},200);
+});|code-block|syntax|javascript|4643945|这不是一个漂亮的解决方案，但它是有效的。|4643946|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I tried the answer from #pgee70 and it doesn't work for me. So this is my solution, hope its help 

<pre><code>var send=true;

 $('.input-group.date').datepicker({
 todayBtn: "linked",
 keyboardNavigation: false,
 forceParse: false,
 language: 'es-ES',
 weekStart: 1,
 format: 'dd/mm/yyyy',
 enableOnReadonly:false,
 calendarWeeks: true,
 autoclose: true,
 todayHighlight:true
 }).on("changeDate", function(e) {
 if(send){
 modificarFechaAplicacionCliente($("#input_filtro_fecha_cliente").val());
 send=false;
 }

 setTimeout(function(){send=true;},200);
 });
</code></pre>

It´s not a beaty solution, but it´s work.

blocks|key|4643964|text|请使用changeDate函数代替更改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4643965|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Please use changeDate function in place of change .

blocks|key|4643975|text|var+LastController+=['id','value'];+//global+variable...
+function+datepeakerchange(e){+

+if+((LastController[0]+!=+e.target.id+&&+LastController[1]+!=+e.target.value)+%7C%7C+(LastController[0]+==+e.target.id+&&+LastController[1]+!=+e.target.value))+{

++++++++++++LastController[0]+=+e.target.id;
++++++++++++LastController[1]+=+e.target.value;


++++write+your+code....


++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4643976|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var LastController =['id','value']; //global variable...
 function datepeakerchange(e){ 

 if ((LastController[0] != e.target.id &amp;&amp; LastController[1] != e.target.value) || (LastController[0] == e.target.id &amp;&amp; LastController[1] != e.target.value)) {

 LastController[0] = e.target.id;
 LastController[1] = e.target.value;


 write your code....


 }
}
</code></pre>

Hi I have been trying to just get the date of a bootstrap date picker and have been able to but it seems to fires 3 times. NOTE: This is not jquery date picker but bootstrap date picker.

Using this date picker: <a href="https://github.com/eternicode/bootstrap-datepicker">https://github.com/eternicode/bootstrap-datepicker</a>, not older eyecon.ro one.

<pre><code> $(".date-picker").on("change", function(e) {
 contents = $(this).val();
 id = $(this).attr('id');
 console.log("onchange contents: " + contents);
 console.log("onchange id: " + id);

 });
</code></pre>

HTML: 

<pre><code>&lt;input id="start_date" type="text" data-date-format="yyyy-mm-dd" class="date-picker form-control" /&gt;
</code></pre>

I have used a few other options other than change, like 

<pre><code>$('.date-picker').datepicker().change(function(){};
</code></pre>

But this does not close date picker, hoping there is an easy solution to this. thx

Bootstrap Datepicker on change firing 3 times

jQuery

嗨，我一直试图获得一个引导日期选择器的日期，并一直能够，但它似乎触发了3次。注意:这不是jquery日期选择器，而是引导日期选择器。使用这个日期选择器：，而不是旧版的eyecon.ro。 $(".date-picker").on("change", function(e) {      contents = $(thi...

问Bootstrap Datepicker on change触发3次
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Datepicker on change触发3次EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Datepicker on change触发3次
EN