JQuery datepicker가 selector/field를 초기화합니다.

datepicker로 선택한 것과 동일한 형식을 사용하는 날짜로 입력 필드를 채울 수 있습니까? 예를 들어 datepicker로 날짜를 선택하기 전에 입력 필드에 값 (예 : new Date())이 있고 선택한 날짜와 동일한 형식을 사용하고 싶습니다.JQuery datepicker가 selector/field를 초기화합니다.

들으

kukudas

출처

2009-05-12 kukudas

체크 아웃 demo site, 새 Date(). asString()는 오늘 선택하는 데 사용됩니다 하나가 기대하는 것처럼, 형식의합니다.

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

편집 :

당신은 확인해야

, 올바르게 Date.format을 설정합니다. 여기에 독일 날짜 형식의 작업 예입니다

<!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>

참고, 스크립트 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js는 '일/월/년'에 Date.prototype하기 및 세트 "Date.format"을 확장합니다. 나는 이것을 'dd.mm.yyyy'로 바꾸고 있습니다.

출처

2009-05-12 14:04:56

를 내가 그것을 시도하지만 내 입력 필드가 비어 있습니다. 그러나 .val (새 날짜()) 작동하지만 내 datepicker 사용하는 형식으로 아닙니다. – kukudas

작업 예제를 추가했습니다. –

CSS 클래스 이름과'onSelect' 이벤트 핸들러를 사용하여 일부 HTML 텍스트 상자에 datepicker를 첨부했습니다. 현재 'onSelect'가 발생한 선택기 클래스 이름을 알아야합니다. 요소에 다른 클래스가 2 개 적용되어 사용하고 있습니다 데이트 피커를 붙이기 위해 –

정말 어떤 문제인지 잘 모르겠습니다.

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

그냥 입력 필드의 표준 값을 가지고, 당신은 :

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

하거나 날짜 선택기를 추가 한 후 당신은 document.ready

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

의 값을 설정할 수 있습니다 . 그게 무슨 뜻인지 확실하지 않습니다.

좋아, 당신의 코멘트 후에 내가 당신이 유사한 싶은 느낌이 :

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());

이것은 2008/04/26되는 필드에 값을 설정 (또는 무엇이든)해야

출처

2009-05-12 14:09:56 Steerpike

이 값은 외부 시스템에서 가져온 것입니다. Tue May 12 2009 16:32 : 05 GMT + 0200 형식을 선택한 후 예를 들어 05/12/09입니다. 기본적으로 나는 입력란에 채워지는 값을 datepicker에서 선택하는 것과 같은 형식으로 만들고 싶습니다. 나는이 물건에 좀 새로운 것이기 때문에 내가 어떻게 더 잘 설명 할 수 있는지 모르겠다. – kukudas

감사합니다.이 my_date.getFullYear() + "/"+ my_date를 변경할 수 있습니까?getMonth() + "/"+ my_date.getDate()는 datapicker가 사용할 동일한 형식/구문 분석 메소드를 호출하기 위해? – kukudas

나는 이것을 사용해야한다고 생각한다 : var dateFormat = $ ('. selector'). datepicker ('option', 'dateFormat'); 나는 datepicker의 형식 스타일을 얻기 위해 설명서를 읽었습니다. 그리고 그 이후에 포맷하고 값을 설정할 수 있어야하지만, 어떻게 든 dateFormat을 작동시키지 않는 코드를 얻습니다. – kukudas

JQuery datepicker가 selector/field를 초기화합니다.

답변

관련 문제