[jquery] jQuery UI DatePicker-날짜 형식 변경

Program / 글쓴이

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' });

이 작동합니다.

답변

getDatedatepicker 의 메소드는 문자열이 아닌 날짜 유형을 리턴합니다.

날짜 형식을 사용하여 반환 된 값을 문자열로 형식화해야합니다. 날짜 선택기 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