簡體   English   中英

如何將日期轉換為日期下拉和下拉可以是單獨的日,月,年

[英]how to convert date to date drop down and drop down could be separate day, month,year

我需要這種類型的下拉[![] [2] ] 2

 <p> <label for="id_date_of_birth">Date of birth:</label> <input type="date" name="date_of_birth" value="2019-06-14" id="id_date_of_birth"> </p> 

我通過使用django從數據庫獲取數據,我試圖在下拉日期顯示,但我得到日期表

您可以將該字段拆分為3個部分(您需要將django中的日/月/年部分)分成3個選擇字段,如下所示:

<p>
  <label>Day:
    <select name="day">
      <option>1</option>
      <option>2</option>
      ...
      <option>31</option>
    </select>
  </label>
  <label>Month:
    <select name="month">
      <option>1</option>
      <option>2</option>
      ...
      <option>12</option>
    </select>
  </label>
  <label>Year:
    <select name="year">
      <option>1900</option>
      <option>1901</option>
      ...
      <option>3000</option>
    </select>
  </label>

但我建議這樣做。 這使得輸入日期更加困難(多次點擊和滾動),用戶無法復制/粘貼日期,也無法從可視日歷中進行選擇。 您還需要添加自己的客戶端邏輯,以確保用戶不會選擇2月31日之類的日期。

你在找這樣的東西嗎?

如果你......不是個好主意<3

 <select name='day'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> <option value='13'>13</option> <option value='14'>14</option> <option value='15'>15</option> <option value='16'>16</option> <option value='17'>17</option> <option value='18'>18</option> <option value='19'>19</option> <option value='20'>20</option> <option value='21'>21</option> <option value='22'>22</option> <option value='23'>23</option> <option value='24'>24</option> <option value='25'>25</option> <option value='26'>26</option> <option value='27'>27</option> <option value='28'>28</option> <option value='29'>29</option> <option value='30'>30</option> <option value='31'>31</option> </select> <select name='month'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> <option value='11'>11</option> <option value='12'>12</option> </select> <select name='day'> <option value='2019'>2019</option> <option value='2018'>2018</option> <option value='2017'>2017</option> <option value='2016'>2016</option> <option value='2015'>2015</option> <option value='2014'>2014</option> <option value='2013'>2013</option> <option value='2012'>2012</option> <option value='2011'>2011</option> <option value='2010'>2010</option> <option value='2009'>2009</option> <option value='2008'>2008</option> <option value='2007'>2007</option> <option value='2006'>2006</option> <option value='2005'>2005</option> <option value='2004'>2004</option> <option value='2003'>2003</option> <option value='2002'>2002</option> <option value='2001'>2001</option> <option value='2000'>2000</option> <option value='1999'>1999</option> <option value='1998'>1998</option> <option value='1997'>1997</option> <option value='1996'>1996</option> <option value='1995'>1995</option> <option value='1994'>1994</option> <option value='1993'>1993</option> <option value='1992'>1992</option> <option value='1991'>1991</option> <option value='1990'>1990</option> </select> 

在Django表單中,將DateField的小部件設置為SelectDateWidget (從django.forms.widgets導入)。 然后,您只需在模板中執行{{ form.date_of_birth }}

class ProfileUpdateView(UpdateView):
    form_class = MyProfileForm

class MyProfileForm(forms.ModelForm):
    class Meta:
        model = Profile
        widgets = {'date_of_birth': SelectDateWidget()}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM