jquery datepicker只插入一個日期

我創建了一個有很多日期選擇器的表單，但是在測試時，無論我選擇哪個日期，它總是會在表格中輸入12/13/2016。這裏是我的代碼，我敢肯定有寫這一切更優雅的方式，但是這是我設法與我JS的基本知識拼湊：jquery datepicker只插入一個日期

var $j_custom = jQuery.noConflict(true); 
    $j_custom(function() { 
      $j_custom("#fromRow1").datepicker(); 
      $j_custom("#toRow1").datepicker(); 
      $j_custom("#fromRow2").datepicker(); 
      $j_custom("#toRow2").datepicker(); 
      $j_custom("#fromRow3").datepicker(); 
      $j_custom("#toRow3").datepicker(); 
      $j_custom("#fromRow4").datepicker(); 
      $j_custom("#toRow4").datepicker(); 
      $j_custom("#fromRow5").datepicker(); 
      $j_custom("#toRow5").datepicker(); 
      $j_custom("#fromRow6").datepicker(); 
      $j_custom("#toRow6").datepicker(); 
      $j_custom("#fromRow7").datepicker(); 
      $j_custom("#toRow7").datepicker(); 
      $j_custom("#fromRow8").datepicker(); 
      $j_custom("#toRow8").datepicker(); 
       }); 

document.addEventListener("submit", submitRequest); 
function submitRequest() { 
var gr = new GlideRecord('x_81991_federal_hc_sf_144'); 
gr.initialize(); 
    gr.agency_from_1 = document.getElementById('fromRow1').value; 
    gr.agency_from_2 = document.getElementById('fromRow2').value; 
    gr.agency_from_3 = document.getElementById('fromRow3').value; 
    gr.agency_from_4 = document.getElementById('fromRow4').value; 
    gr.agency_from_5 = document.getElementById('fromRow5').value; 
    gr.agency_from_6 = document.getElementById('fromRow6').value; 
    gr.agency_from_7 = document.getElementById('fromRow7').value; 
    gr.agency_from_8 = document.getElementById('fromRow8').value; 
    gr.agency_to_1 = document.getElementById('toRow1').value; 
    gr.agency_to_2 = document.getElementById('toRow2').value; 
    gr.agency_to_3 = document.getElementById('toRow3').value; 
    gr.agency_to_4 = document.getElementById('toRow4').value; 
    gr.agency_to_5 = document.getElementById('toRow5').value; 
    gr.agency_to_6 = document.getElementById('toRow6').value; 
    gr.agency_to_7 = document.getElementById('toRow7').value; 
    gr.agency_to_8 = document.getElementById('toRow8').value; 
gr.insert(); 
}

不管是什麼日期，我進，我所看到是這樣的：

我如何能解決這個問題有什麼建議？謝謝！！

來源

2016-12-13 Dave

告訴我們您的插入（）以及 – ScanQR

嗨@TechBreak，你通過你展示我的插入是什麼意思（）？ – Dave

我assumer你的插入（）是設置值在你的日期選擇器後，你選擇？或者您想在頁面加載中查看當前日期？ – ScanQR

我使用這個庫，它可以幫助你：

$(function(){ 
    $(".select2").select2(); 
    //Datemask dd/mm/yyyy 
    $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"}); 
    //Datemask2 mm/dd/yyyy 
    $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"}); 
    //Money Euro 
    $("[data-mask]").inputmask(); 

    //Date range picker 
    $('#reservation').daterangepicker(); 
    //Date range picker with time picker 
    $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'}); 
    //Date range as a button 
    $('#daterange-btn').daterangepicker(
     { 
      ranges: { 
       'Today': [moment(), moment()], 
       'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
       'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
       'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
       'This Month': [moment().startOf('month'), moment().endOf('month')], 
       'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
      }, 
      startDate: moment().subtract(29, 'days'), 
      endDate: moment() 
     }, 
     function (start, end) { 
      $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); 
     } 
    ); 

    //Date picker 
    $('#datepicker').datepicker({ 
     autoclose: true 
    });

除了JQuery的，獲取引導，datepicker.js。

有人創建了一個免費的模板，包括這樣的功能，而且代碼是自由的：

AdminLTE Template

來源

2016-12-13 05:25:50

jquery datepicker只插入一個日期

回答

相關問題