2012-01-14 3 views
2

jQueryMobile 날짜 상자를 대화 상자 모드로 열려고합니다. datebox를 기본값으로 설정하려고 시도하지만 어떤 이유로 든 날짜 표시를 사용하지 않습니다. 여기 내 코드는 다음과 같습니다.jQueryMobile Datebox가 기본 날짜 값을 사용하지 않습니다. 모든 것을 시도했습니다.

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>@PageData["Title"]</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" /> 
    <link rel="stylesheet" href="@Href("/Styles/theme/mysite.min.css")" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
    <script src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script> 
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i8n/jquery.mobile.datebox.i8n.en.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
    $('document').ready(function(){ 
    //Setting start date value on pageload 
    $('#myqdate').value('2012-01-14'); 
    $('#myqdate').datebox('refresh'); 
    } 
</script> 

<form name="shiftform" id="shiftform" action="@Href("~/Account/QChanges.cshtml")" method="post"> 
    <div data-role="fieldcontain"> 
     <label for="myqdate">Date:</label> 
    <input name="myqdate" id="myqdate" type="date" value="" data-role="datebox" data-options='{"mode": "flipbox", "forceInheritTheme": true, "defaultDate":"2012-01-14"}'> 
    </div> 
    <input type="submit" value="Get Queue"/> 
</form> 
</body> 
</html> 

전문가의 도움을 받아 주셔서 감사합니다.

감사

답변

3

이 그것을 어떻게해야이 :

$('#myqdate').trigger('datebox', {'method':'set', 'value':'2012-01-14', 'date':new Date('2012-01-14')}) 
+0

덕분에 많은 이온을, 어디 코드 줄을 배치해야합니까? 내 코드에서 이것을 대체해야합니까? – user1142216

+0

바꾸기 '$ ('# myqdate'). 값 ('2012-01-14'); $ ('# myqdate'). datebox ('refresh');'위에서 코드를 사용하십시오. –

+1

그건 둘 중 하나도 작동하지 않았다. 그러나 나는 아주 간단한 것을 시도했고 그것은 효과가있는 것처럼 보인다. 나는 사용자 정의 자바 스크립트 코드를 모두 제거하고 간단히 datebox 코드를 다음과 같이 변경했다. user1142216

0

당신이 대신 게시 된 코드의 데이터 옵션에있는 "defaultDate"의 "DEFAULTVALUE"속성을 사용한다 보인다 . 스크립트 블록이 필요 없습니다.

0

는 기능을 닫으십시오 : $('document').ready(function(){ //Setting start date value on pageload $('#myqdate').value('2012-01-14'); $('#myqdate').datebox('refresh'); } )};

관련 문제