HTML 양식이 데스크톱에서 날짜 값을 가져 오지 않고 모바일에 있습니다.

Question

양식을 만듭니다. 모바일에서 렌더링되는 모바일 블록과 데스크톱에서 렌더링되는 데스크톱 블록을 만들었습니다. 이 양식에는 여러 필드가 있으며, 누군가에게 날짜를 넣으려는 날짜 필드를 제외하고는 정상적으로 작동합니다. 모바일 블록에서 날짜 필드는 값을 완벽하게 취합니다. 데스크톱 블록에서는 이 아니며이 아닙니다. 나는 데스크톱 버전을 렌더링 할 때이 오류가 결국 :

html로는 다음과 같습니다 ValueError: time data '' does not match format '%Y-%m-%d'

(나는 단순함의 형태로 필드의 큰 덩어리를 제거했다, 내가 필요하면 알려)가 HTML의 자세한 내용을 참조하십시오

<form method="POST"> 
<div class="mobile-only"> 
    <div class="form-group row"> 
     <div class="col-12 col-md-2 col-lg-4"> 
     <label for="start-date" class="col-form-label"> 
      <h4>Start Date: <sup class="required">(required)</sup></h4> 
     </label> 
     </div> 
     <div class="col-12 col-md-10 col-lg-4"> 
     <input type ="date" maxlength="10" class="form-control" id="start-date" name="start-date" placeholder="MM/DD/YYYY"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-3 col-md-1"> 
     <button class="green-button link-text" type="submit" id="submit" type="submit">Save</button> 
     </div> 
     <div class="col-3 col-md-1"> 
     <button class="green-button"><a href="{{ url_for('displayReminders') }}" class="link-text">Cancel</a></button> 
     </div> 
    </div> 
</div> 

위의 코드는 모바일에서 잘 작동, 아래의 바탕 화면에 렌더링 무엇이며, 나에게 위에서 언급 한 오류가 있습니다 :

<div class="desktop-only"> 
    <div class="form-group row"> 
     <div class="col-lg-1"> 
     <label for="start-date" class="col-form-label"> 
      <h4>Start Date: <sup class="required">(required)</sup></h4> 
     </label> 
     </div> 
     <div class="col-lg-3"> 
     <input type ="date" maxlength="10" class="form-control" id="start-date" name="start-date" placeholder="MM/DD/YYYY"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-3 col-md-1"> 
     <button class="green-button link-text" type="submit" id="submit" type="submit">Save</button> 
     </div> 
     <div class="col-3 col-md-1"> 
     <button class="green-button"><a href="{{ url_for('displayReminders') }}" class="link-text">Cancel</a></button> 
     </div> 
    </div> 
</div> 
</form> 

을

또한 관련성이 높은 경우 부트 스트랩 4를 사용하고 있으며 백엔드는 Python이 포함 된 Flask App입니다. 문제가 뭔지 아십니까? 당신은 당신이해야 데이터베이스에 업로드하려고하면,

format '%Y-%m-%d' 

당신의 오류입니다 :

placeholder="MM/DD/YYYY" 

하지만 다른 코드에서 당신이 기대됩니다

Answer 1

당신의 자리는 사용자에게이 형식을 나타냅니다 YYYY-MM-DD를 국제 표준으로 사용하고 프론트 엔드에서 MM/DD/YYYY로 변환하십시오. MM/DD/YYYY 입력을 요청하는 경우 YYYY-DD-MM으로 변환해야합니다.