2016-12-13 9 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

Hi @TechBreak, что вы подразумеваете под показать вам мои вставки()? – Dave

+0

i Предполагаете ли вы, что ваша вставка() задает значение в вашем datepicker после выбора? или вы хотите увидеть текущую дату на загрузке страницы? – 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