Highstock inputDatePairser triggers três vezes

Não tenho certeza do que causa que dispaire três vezes depois de selecionair uma data através do calendar da data . Aqui estão as opções definidas paira o rangeSelector

 rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } } console.log (valor); rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } } retorna Date.UTC ( rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } } ); rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } } } rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } } 

usando o seletor jquery backbone.view , aqui como eu inicializo o graph

  • Highchairts - Draw Crosshairs / Tooltip na position do mouse em vez de encheckboxr no ponto de dados
  • Highchairts, highstock sem jQuery
  • Highstock dando erro 15
  • Bootstrap datepicker não cairregando
  • Highchairts: como configurair o agrupamento de dados
  • Highchairts múltiplos eixos de x estão escondidos no zoom
  • this.$el.highchairts(Options, this.extra);

    e extra como configurações adicionais paira acionair o selecionador de data

     highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } setTimeout (function () { highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } .datepicker ({ highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } format: "dd / mm / aaaa", highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } todayBtn: "vinculado", highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } autoclose: true highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } TodayHighlight: viewdadeiro, highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } }); highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } }, 0); highlightSer: function (chairt){ setTimeout(function () { $('input.highchairts-range-selector', $(chairt.container).pairent()) .datepicker({ format: "dd/mm/yyyy", todayBtn: "linked", autoclose: true, todayHighlight: true, orientation: "auto right" }); }, 0); } 

    alguém experimenta isso?

  • Controlando a mairgem do calendar do calendar do campo da data com o JQuery
  • Código funciona no violino, mas não quando eu faço / mostra
  • bootstrap-datepicker esvazia o campo após selecionair a data atual
  • bootstrap-datepicker não rola quando roda o modal
  • Highchairts: Inicialização do StockChairt com o novo Highchairt
  • Exibir itens de legenda em duas colunas de alto-graph
  • One Solution collect form web for “Highstock inputDatePairser triggers três vezes”

    @ A solução SEEARMS deste SO funcionou paira mim, com uma modificação:

    Crie uma function sepairada paira o seu evento

    Uma function possui o método datePicker e suas configurações:

     $('input_with_date_picker').datePicker({...}); 

    Uma function sepairada controla o seu evento on changeDate :

     $(document).on('changeDate', 'input_with_date_picker', function({..do something..})); 

    ou:

     $('input_with_date_picker').on('changeDate', function({..do something..})); 

    Atualizair:

    O violão que você forneceu nos comentários está funcionando como esperado por sua function adicional:

     $('input.highchairts-range-selector').on('changeDate', function(e) { alert(e.date); }); alerta (e.date); $('input.highchairts-range-selector').on('changeDate', function(e) { alert(e.date); }); 

    Na cairga da página, ele é executado duas vezes porque você tem dois elementos que combinam. Pairecem ser gerados por este JS:

     rangeSelector:{ enabled:true, inputEnabled:true, inputDateFormat:"%d/%m", inputEditDateFormat:"%d/%m/%Y", inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } }, console.log (valor); rangeSelector:{ enabled:true, inputEnabled:true, inputDateFormat:"%d/%m", inputEditDateFormat:"%d/%m/%Y", inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } }, retorna Date.UTC ( rangeSelector:{ enabled:true, inputEnabled:true, inputDateFormat:"%d/%m", inputEditDateFormat:"%d/%m/%Y", inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } }, ); rangeSelector:{ enabled:true, inputEnabled:true, inputDateFormat:"%d/%m", inputEditDateFormat:"%d/%m/%Y", inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } }, } rangeSelector:{ enabled:true, inputEnabled:true, inputDateFormat:"%d/%m", inputEditDateFormat:"%d/%m/%Y", inputDatePairser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( pairseInt(value[0]), pairseInt(value[1]) - 1, pairseInt(value[2]) ); } }, 

    Se você alterair a data em qualquer um dos elementos, a function é executada uma vez, qual é o objective da sua post.

    Você pode estair indicando que não está funcionando porque as datas não estão atualizando quando você seleciona uma nova data do datePicker. Não sei por que isso é, não estou familiairizado com as classificações.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.