jQuery UI의 UI DatePicker를 독립형 선택기로 사용하고 있습니다. 이 코드가 있습니다 :
<div id="datepicker"></div>
그리고 다음 JS :
$('#datepicker').datepicker();
이 코드로 값을 반환하려고하면 :
var date = $('#datepicker').datepicker('getDate');
나는 이것을 돌려 받았다.
Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
완전히 잘못된 형식입니다. 형식으로 반환 할 수있는 방법이 DD-MM-YYYY
있습니까?
답변
다음은 코드에 특정한 것입니다.
var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
더 일반적인 정보는 다음과 같습니다.
답변
jQuery 스크립트 코드 안에 코드를 붙여 넣으십시오.
$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });
이 작동합니다.
답변
getDate
datepicker 의 메소드는 문자열이 아닌 날짜 유형을 리턴합니다.
날짜 형식을 사용하여 반환 된 값을 문자열로 형식화해야합니다. 날짜 선택기 formatDate
기능을 사용하십시오 .
var dateTypeVar = $('#datepicker').datepicker('getDate');
$.datepicker.formatDate('dd-mm-yy', dateTypeVar);
형식 지정자 전체 목록은 여기에서 볼 수 있습니다 .
답변
날짜 형식 (yy / mm / dd)이있는 날짜 선택기에 대한 완전한 코드입니다.
아래 링크를 복사하고 헤드 태그에 붙여 넣으십시오.
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()
});
</script>
아래 코드를 복사하여 body 태그 사이에 붙여 넣으십시오.
Date: <input type="text" id="datepicker" size="30"/>
당신은 같은 2 개의 입력 텍스트를 입력하려는 경우 Start Date
와 End Date
다음이 스크립트 변경 날짜 형식을 사용합니다.
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$("#startdate").datepicker({ dateFormat: "dd-mm-yy" }).val()
$("#enddate").datepicker({ dateFormat: "dd-mm-yy" }).val()
});
</script>
다음과 같은 두 개의 입력 텍스트 :
Start Date: <input type="text" id="startdate" size="30"/>
End Date: <input type="text" id="enddate" size="30"/>
답변
구문 분석 및 표시된 날짜의 형식입니다. 이 속성은 지역화 속성 중 하나입니다. 가능한 형식의 전체 목록은 formatDate 함수를 참조하십시오.
코드 예제 dateFormat 옵션을 지정하여 날짜 선택기를 초기화하십시오.
$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });
초기화 후 dateFormat 옵션을 가져 오거나 설정하십시오.
//getter var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" ); //setter $( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
답변
getDate
함수는 JavaScript 날짜를 반환합니다. 이 날짜를 형식화하려면 다음 코드를 사용하십시오.
var dateObject = $("#datepicker").datepicker("getDate");
var dateString = $.datepicker.formatDate("dd-mm-yy", dateObject);
datepicker에 내장 된 유틸리티 함수를 사용합니다.
$.datepicker.formatDate( format, date, settings )
-날짜를 지정된 형식으로 문자열 값으로 형식화하십시오.
형식 지정자 전체 목록은 여기에서 볼 수 있습니다 .
답변
$("#datepicker").datepicker("getDate")
문자열이 아닌 날짜 객체를 반환합니다.
var dateObject = $("#datepicker").datepicker("getDate"); // get the date object
var dateString = dateObject.getFullYear() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getDate();// Y-n-j in php date() format