JQuery datepicker inicializar o selector / campo

StackOverflow https://stackoverflow.com/questions/852932

  •  21-08-2019
  •  | 
  •  

Pergunta

é possível preencher o campo de entrada com uma data que utiliza o mesmo formato como gostaria selecioná-lo com o datepicker? Por exemplo eu tenho um valor (por exemplo, new Date ()) no meu campo de entrada antes de eu selecionar uma data com o datepicker e eu quero que ele tenha o mesmo formato que gostaria de selecioná-lo.

thx

kukudas

Foi útil?

Solução

Confira o demonstração local , novo Date (). AsString () é usado para selecionar hoje e é formatada, como seria de esperar. 

$('.date-pick').datePicker().val(new Date().asString()).trigger('change');

EDIT:

Você tem que ter certeza, você define o Date.format corretamente. Aqui está um exemplo de trabalho para o formato de data alemão: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>jQuery datePicker simple datePicker demo</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/jquery.datePicker.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/styles/datePicker.css">

    <script type="text/javascript" charset="utf-8">

        Date.format = 'dd.mm.yyyy';

        $(function(){
            $('.date-pick').datePicker()
                .val(new Date().asString()).trigger('change');
        });
    </script>
</head>
<body>
    <label for="date1">Date 1:</label>
    <input name="date1" id="date1" class="date-pick" />
</body>
</html>

Note, o script http: // www .kelvinluck.com / ativos / jquery / datePicker / v2 / demo / scripts / date.js estende a Date.prototype e conjuntos "Date.format" para 'dd / mm / aaaa'. Estou substituindo isso com 'dd.mm.yyyy'.

Outras dicas

Eu não tenho certeza que eu realmente entender qual é o problema? 

$(document).ready(function() {
    $('#date_field').datepicker({
        dateFormat: 'yy-mm-dd',
        constrainInput: false});
});

e apenas tem um valor padrão no campo de entrada você tem: 

<input name="date_field" id="date_field" value="2008-04-16" />

ou você pode apenas definir o valor em document.ready 

$('#date_field').val("2008-04-16");

Depois de adicionar o datepicker. Eu não tenho certeza se é isso que você quer dizer?

Ok, após o seu comentário Tenho a sensação de que você quer algo semelhante a isto: 

var my_date = new Date(); //This is the Date object that you're getting from external source
$('#date_field').val(my_date.getFullYear()+"/"+my_date.getMonth()+"/"+my_date.getDate());

Isto deve definir o valor no campo para ser 2008/04/26 (ou qualquer outro)

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top