jQuery UI datepicker에서 오늘 날짜를 기본 날짜로 설정
이 질문에 이미 답변이 있습니다.
오늘 날짜가 jQuery UI를 사용하는 입력의 기본값이되기를 원합니다 datepicker
.
<input id="mydate" type="text" />
아래 코드를 시도했지만 작동하지 않았습니다.
var currentDate = new Date();
$("#mydate").datepicker("setDate",currentDate);
초기화 호출과 별도로 setDate를 호출해야합니다. 따라서 datepicker를 만들고 한 번에 날짜를 설정하려면 :
$("#mydate").datepicker().datepicker("setDate", new Date());
왜 이런지 모르겠습니다. 누군가 그렇게했다면 흥미로운 정보가 될 것입니다.
datepicker 메서드 를 호출하기 전에 datepicker 를 초기화해야합니다.
여기에
작동하는 JSFiddle .
$("#mydate").datepicker().datepicker("setDate", new Date());
//-initialization--^ ^-- method invokation
<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<input type="text" id="mydate" />
추신 : 이것은 컴퓨터에 정확한 날짜가 설정되어 있다고 가정합니다.
이 스크립트를 추가하는 것은 매우 간단합니다.
$("#mydate").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());
여기서 setDate는 오늘 날짜 및 dateFormat을 설정하거나 표시 할 형식을 정의합니다.
간단한 스크립트 작업이 ..
$("#date").datepicker.regional[""].dateFormat = 'dd/mm/yy';
$("#date").datepicker("setDate", new Date());
항상 나를 위해 일해
이것은 나를 위해 작동합니다. 먼저 datepicker를 텍스트 상자에 바인딩하고 다음 줄에서 (오늘을 기본 날짜로) 날짜를 설정합니다.
$("#date").datepicker();
$("#date").datepicker("setDate", new Date());
참고 : setDate를 전달할 때 해당 객체에서 datepicker가 이미 초기화되었다고 가정하는 메서드를 호출합니다.
$(function() {
$('#date').datepicker();
$('#date').datepicker('setDate', '04/23/2014');
});
테스트 : http://jsfiddle.net/wimarbueno/hQkec/1/
초기화에서 기본 날짜 설정 :
$("#date").datepicker({
defaultDate: '01/26/2014'
});
이것은 나를 위해 일했으며 현지화했습니다.
$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$(function() {
$( "#txtDespatchDate" ).datepicker( );
$( "#txtDespatchDate" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$('#txtDespatchDate').datepicker('setDate', new Date());
});
minDate : 0을 설정하십시오.
내 스크립트는 다음과 같습니다.
$("#valid_from")
.datepicker({
minDate: 0,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3
})
정의하지 않았습니다.
$("#mydate").datepicker({});
이 시도:
$('.datepicker').datepicker('update', new Date(year,month,day));
나는 여러 가지 방법을 시도하고 필요에 따라 절대적으로 작동하는 내 자신의 솔루션을 생각해 냈습니다.
"mydate"는 입력 또는 datepicker 요소 / 컨트롤의 ID입니다.
$(document).ready(function () {
var dateNewFormat, onlyDate, today = new Date();
dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);
onlyDate = today.getDate();
if (onlyDate.toString().length == 2) {
dateNewFormat += '-' + onlyDate;
}
else {
dateNewFormat += '-0' + onlyDate;
}
$('#mydate').val(dateNewFormat);
});
이 시도:
$("#mydate").datepicker("setDate",'1d');
참고URL : https://stackoverflow.com/questions/4915990/set-todays-date-as-default-date-in-jquery-ui-datepicker
'Programing' 카테고리의 다른 글
UISearchDisplayController가 탐색 모음을 숨기지 못하도록 방지 (0) | 2020.11.16 |
---|---|
vim regex는 여러 연속 공백을 하나의 공백으로 만 바꿉니다. (0) | 2020.11.16 |
$ a + ++ $ a == 2 인 이유는 무엇입니까? (0) | 2020.11.16 |
Visual Studio Code가 EJS 파일의 HTML 구문을 인식하도록하는 방법이 있습니까? (0) | 2020.11.16 |
코더 혼수 상태에 어떻게 대처합니까? (0) | 2020.11.15 |