2015-02-19 23 views
5

Ho alcune domande riguardanti il ​​selettore di date dell'interfaccia utente jQuery.Valore predefinito per selettore di date jquery

1 - C'è un'opzione per avere un valore predefinito? Quello che sto cercando di fare è precompilare il mio tipo di testo di input con la data di oggi.

2 - Se inserisco il tipo = "Data" invece di type = "Testo" e quindi utilizzo il selettore del tempo jquery su di esso, viene visualizzato questo errore quando si seleziona la data.

The specified value '02/18/2015' does not conform to the required format, 'yyyy-MM-dd.' 

Come si risolve?

risposta

5

Per creare il selettore di data e impostare la data. Puoi assegnare la data di oggi per "nuova data()". È possibile impostare l'input type=text o type=date.

$('.datepicker').datepicker({ 
    dateFormat: 'dd-mm-yy' 
    }).datepicker("setDate", new Date()); 
+0

Cosa succede se voglio type = "Data"? – mohsinali1317

+0

È possibile impostare 'type = date'. Controlla http://jsfiddle.net/Fa8Xx/2866/ – Sadikhasan

+0

Sì, posso impostarlo ma quando seleziono il valore non è selezionato. Controlla la console. Ci sto provando su Chrome. – mohsinali1317

0
(function() { 

    $(".dp").datepicker({ 
    format: 'dd-mm-yyyy', 
    startDate: new Date(), 
    endDate: '' 
    }).on("show", function() { 
    $(this).val(new Date()).datepicker('update'); 
    }); 

})(); 
0

Fare riferimento sotto di uno: Funziona bene per me.

Jquery UI date-picker Set default date

<script> 
    $(function() { 
     $("#datepicker").datepicker({ 
      dateFormat: 'dd-mm-yy' 
     }).val(getTodaysDate(0)); // For current date 

     $("#datepicker2").datepicker({ 
      dateFormat: 'dd-mm-yy', 
      }).val(getTodaysDate(1)); // For previous month's date 
    }); 

    function getTodaysDate (val) { 
    var t = new Date, day, month, year = t.getFullYear(); 
    if (t.getDate() < 10) { 
     day = "0" + t.getDate(); 
    } 
    else { 
     day = t.getDate(); 
    } 
    if ((t.getMonth() + 1) < 10) { 
     month = "0" + (t.getMonth() + 1 - val); 
    } 
    else { 
     month = t.getMonth() + 1 - val; 
    } 

    return (day + '/' + month + '/' + year); 
    } 
</script> 
Problemi correlati