2016-12-13 56 views
0

我创建了一个有很多日期选择器的表单,但是在测试时,无论我选择哪个日期,它总是会在表格中输入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(); 
} 

不管是什么日期,我进,我所看到是这样的:

enter image description here

我如何能解决这个问题有什么建议?谢谢!!

+0

告诉我们您的插入()以及 – ScanQR

+0

嗨@TechBreak,你通过你展示我的插入是什么意思()? – Dave

+0

我assumer你的插入()是设置值在你的日期选择器后,你选择?或者您想在页面加载中查看当前日期? – ScanQR

回答

0

我使用这个库,它可以帮助你:

$(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