어떻게 미리 채우 jQuery Datepicker textbox 오늘 날?

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

문제

나는 아주 간단한 jQuery Datepicker 일정:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

그리고 물론에서 HTML...

<input type="text" size="10" value="" id="date_pretty"/>

오늘 날짜가 멋지게 강조 표시할 때 사용자들까지 가지고 일정하지만,나는 어떻게 jQuery 를 미리 채우는 텍스트 자체는 오늘날의 날짜 페이지에서 로드하지 않고,사용자가 아무것도?99%의 시간,오늘 날짜의 기본 될 것입니다 그들이 원하는 것을하는 것입니다.

도움이 되었습니까?

해결책

업데이트 : Chrome에서 더 이상 작동하지 않는 보고서가 있습니다.

이것은 간결하고 일을합니다 (쓸모없는) :

$(".date-pick").datepicker('setDate', new Date());

이것은 덜 간결하고 활용합니다 체인 Chrome (2019-06-04)에서 작업 할 수 있습니다.

$(".date-pick").datepicker().datepicker('setDate', new Date());

다른 팁

먼저 datepicker ()>을 호출해야합니다 그 다음에 'setDate'를 사용하여 현재 날짜를 얻으십시오.

$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());

또는이 답변에 대한 의견에 언급 된대로 DatePicker 초기화 후 SetDate 메소드 호출을 체인하십시오. 

$('.date-pick').datepicker({ /* optional option parameters... */ })
               .datepicker("setDate", new Date());

그것은 할 것입니다 아니다 그냥 작업하십시오 

$(".date-pick").datepicker("setDate", new Date());

노트 : 허용 가능한 세트 데이트 매개 변수가 설명되어 있습니다 여기

var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
        myDate.getFullYear();
$("#date_pretty").val(prettyDate);

작동하는 것 같지만 더 나은 방법이있을 수 있습니다 ..

그만큼 setDate() 메소드는 날짜를 설정하고 관련 컨트롤을 업데이트합니다. 다음은 다음과 같습니다.

$("#datepicker1").datepicker({
    dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");

데모

문서에서 언급했듯이 setDate() 행복하게 JavaScript 날짜 객체, 번호 또는 문자열을 수락합니다.

새 날짜는 현재 날짜 형식 (예 : '01/26/2009 ')의 날짜 개체 또는 문자열, 오늘 (예 : +7) 또는 일련의 값 및 기간 ('y ') 일 수 있습니다. 몇 년 동안 'M', 몇 달 동안 'W', 몇 주 동안 'w', 'D', 예를 들어 ' +1m +7d') 또는 선택한 날짜를 지우려면 Null.

궁금한 점이 있으면 설정합니다 defaultDate 생성자의 속성 하지 않습니다 관련 컨트롤을 업데이트하십시오.

로 설정 오늘:

$('#date_pretty').datepicker('setDate', '+0');

로 설정 어제:

$('#date_pretty').datepicker('setDate', '-1');

그리고 며칠 동안 ~ 전에 또는 ~ 후에 오늘 날짜.

보다 jQuery UI›메소드›SetDate.

해결책은 다음과 같습니다.

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
    var myDate = new Date();
    var month = myDate.getMonth() + 1;
    var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
    $("#date_pretty").val(prettyDate);
});

감사합니다 Grayghost!

이 코드는 DatePicker의 형식을 사용하도록 보장합니다.

$('#date-selector').datepicker('setDate', new Date());

형식을 다시 적용 할 필요가 없으며 DatePicker 초기화에서 DatePicker 사전 정의 된 날짜를 사용합니다 (할당 한 경우!);)

이것은 나를 위해 일했습니다.

$('#inputName')
  .datepicker()
  .datepicker('setDate', new Date());

David K 지식인의 코드를 완벽하게 작동합니다!

$(".date-pick").datepicker(); 
$(".date-pick").datepicker("setDate", new Date());

또한 관리를 잘라고 그것도 일했:

$(".date-pick").datepicker().datepicker("setDate", new Date()); 

$('input[name*="date"]').datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        beforeShow: function(input, instance) { 
            $(input).datepicker('setDate', new Date());
        }
    });

로드시 DatePicker를 특정 기본 시간 (현재의 현재 날짜)으로 설정 한 다음 구문이 다음을 선택할 수있는 옵션이 있습니다.

    $(function() { 
        // initialize the datapicker
        $("#date").datepicker();

        // set the time
        var currentDate = new Date();
        $("#date").datepicker("setDate",currentDate);

    //  set the options for the button  
        $("#date").datepicker("option",{
            dateFormat: 'dd/mm',
            showOn: "button",
          // whatever option Or event you want 
        });
  });

날짜를 사전 인구를하려면 먼저 DatePicker를 초기화 한 다음 SetDate 매개 변수 값을 전달해야합니다.

$("#date_pretty").datepicker().datepicker("setDate", new Date());

두 센트를 추가 할 것이라고 생각했습니다. 피커는 추가/업데이트 양식으로 사용되므로 기존 레코드를 편집 할 때 데이터베이스에서 오는 날짜를 표시하거나 오늘의 날짜를 표시하지 않으면 오늘 날짜를 표시해야합니다. 아래는 나에게 잘 작동합니다.

    $( "#datepicker" ).datepicker();
    <?php if (!empty($oneEVENT['start_ts'])): ?>
       $( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
    <? else: ?>
       $("#datepicker").datepicker('setDate', new Date());   
    <?php endif; ?>
  });

당신은 2 가지 옵션:

옵션) 표시로"active"에서 당신의 달력을 클릭하는 경우에만에서의 입력이 있습니다.

Js:

$('input.datepicker').datepicker(
                        {   
                            changeMonth: false,
                            changeYear: false,
                            beforeShow: function(input, instance) { 
                                $(input).datepicker('setDate', new Date());
                            }
                        }                         
                     );

Css:

div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
        div.ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active  {
            background: #1ABC9C;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            width: 24px; height: 24px;
        }​

옵션 B) 입력해 기본적으로 오늘입니다.당신을 채우는 먼저 datepicker.

$("input.datepicker").datepicker().datepicker("setDate", new Date());
var prettyDate = $.datepicker.formatDate('dd-M-yy', new Date());
alert(prettyDate);

예쁜 데이트를 필요한 컨트롤에 할당하십시오.

이 시도 

$(this).datepicker("destroy").datepicker({
            changeMonth: false, changeYear: false,defaultDate:new Date(), dateFormat: "dd-mm-yy",  showOn: "focus", yearRange: "-5:+10"
        }).focus();

때때로 내가 전화를 걸기 때문에 이것은 나에게 더 잘 작동합니다. .datepicker('setDate', new Date()); DatePicker가 이미 매개 변수로 구성된 경우 엉망입니다. 

$("#myDateText").val(moment(new Date()).format('DD/MM/YYYY'));

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

원천: http://www.kelvinluck.com/assets/jquery/datepicker/v2/demo/datepickerdefaulttoday.html

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top