सामग्री पर जाएँ
अनुभाग
भाषा, अभी हिन्दी
Rastrillo डिज़ाइन सिस्टम

दिनांक और समय

datetime.js जिन चार फ़ील्ड को बेहतर बनाता है, हर एक अपने नीचे मूल इनपुट रखता है, ताकि बिना स्क्रिप्ट वाले पाठक को सादा नियंत्रण मिले, टूटा हुआ नहीं।

हर उदाहरण असली है, पर उसके लिंक कहीं नहीं ले जाते। HTML कॉपी करने के लिए मार्कअप दिखाता है।

field-date

एक मूल तारीख़ इनपुट, और उसके साथ datetime.js का सहज-भाषा कॉम्बोबॉक्स — जब तक बुलाने वाला Plain न भेजे। इसमें "कल" लिखकर देखें।

उन्नत इनपुट: लिखें "कल" या "3 हफ़्ते में"

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-date_live">प्रकाशन की तारीख़</label>
  <input rst-input id="field-date_live" name="field-date_live" type="date" value="2026-09-04" aria-describedby="field-date_live-hint" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-hint id="field-date_live-hint">जिस दिन यह लाइव होगा।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-date" dict
    "Name" "field-date_live"
    "Label" "प्रकाशन की तारीख़"
    "Value" "2026-09-04"
    "Hint" "जिस दिन यह लाइव होगा।"}}

जिन शब्दों को वह पढ़ता है, वे data-rst-date-words पर बाहर जाते हैं, इसी पृष्ठ के कैटलॉग से हल किए हुए: फ़ील्ड उसी भाषा को पढ़ता है जिसमें पृष्ठ है।

अनिवार्य, त्रुटि के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-date_error">प्रकाशन की तारीख़ <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="field-date_error" name="field-date_error" type="date" required aria-invalid="true" aria-describedby="field-date_error-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-error id="field-date_error-error">आज के बाद की कोई तारीख़ चुनें।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-date" dict
    "Name" "field-date_error"
    "Label" "प्रकाशन की तारीख़"
    "Required" true
    "Error" "आज के बाद की कोई तारीख़ चुनें।"}}

सीमाओं के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-date_bounded">इसी साल के भीतर</label>
  <input rst-input id="field-date_bounded" name="field-date_bounded" type="date" value="2026-09-04" min="2026-01-01" max="2026-12-31" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-date" dict
    "Name" "field-date_bounded"
    "Label" "इसी साल के भीतर"
    "Value" "2026-09-04"
    "Min" "2026-01-01"
    "Max" "2026-12-31"}}

Plain: बिना कुछ जोड़े मूल इनपुट

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-date_plain">प्रकाशन की तारीख़</label>
  <input rst-input id="field-date_plain" name="field-date_plain" type="date" value="2026-09-04">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-date" dict
    "Name" "field-date_plain"
    "Label" "प्रकाशन की तारीख़"
    "Value" "2026-09-04"
    "Plain" true}}

कोई भी संवर्धन विशेषता नहीं, इसलिए datetime.js को कुछ नहीं मिलता। मूल पिकर फिर भी खुलता है।

field-time

वही आवरण, इस बार मूल समय इनपुट के चारों ओर। यह संवर्धन कैलेंडर नहीं, घड़ी पढ़ता है।

उन्नत इनपुट: लिखें "साढ़े सात" या "दोपहर"

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="time_live">प्रवेश शुरू</label>
  <input rst-input id="time_live" name="time_live" type="time" value="19:30" aria-describedby="time_live-hint" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-pick-time="घड़ी खोलें" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-hint id="time_live-hint">स्थानीय समय।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-time" dict
    "Name" "time_live"
    "Label" "प्रवेश शुरू"
    "Value" "19:30"
    "Hint" "स्थानीय समय।"}}

अनिवार्य, त्रुटि के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="time_error">प्रवेश शुरू <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="time_error" name="time_error" type="time" required aria-invalid="true" aria-describedby="time_error-error" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-pick-time="घड़ी खोलें" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-error id="time_error-error">साउंड चेक के बाद का कोई समय चुनें।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-time" dict
    "Name" "time_error"
    "Label" "प्रवेश शुरू"
    "Required" true
    "Error" "साउंड चेक के बाद का कोई समय चुनें।"}}

सीमाओं के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="time_bounded">नौ और ग्यारह के बीच</label>
  <input rst-input id="time_bounded" name="time_bounded" type="time" value="19:30" min="09:00" max="23:00" data-rst-time data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-pick-time="घड़ी खोलें" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-time" dict
    "Name" "time_bounded"
    "Label" "नौ और ग्यारह के बीच"
    "Value" "19:30"
    "Min" "09:00"
    "Max" "23:00"}}

Plain: बिना कुछ जोड़े मूल इनपुट

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="time_plain">प्रवेश शुरू</label>
  <input rst-input id="time_plain" name="time_plain" type="time" value="19:30">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-time" dict
    "Name" "time_plain"
    "Label" "प्रवेश शुरू"
    "Value" "19:30"
    "Plain" true}}

field-datetime

एक ही इनपुट में तारीख़ और समय, एक ही मान।

उन्नत इनपुट: लिखें "कल" या "3 हफ़्ते में"

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-datetime_live">प्रकाशन की तारीख़</label>
  <input rst-input id="field-datetime_live" name="field-datetime_live" type="datetime-local" value="2026-09-04T19:30" aria-describedby="field-datetime_live-hint" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-hint id="field-datetime_live-hint">जब यह लाइव होगा।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-datetime" dict
    "Name" "field-datetime_live"
    "Label" "प्रकाशन की तारीख़"
    "Value" "2026-09-04T19:30"
    "Hint" "जब यह लाइव होगा।"}}

जिन शब्दों को वह पढ़ता है, वे data-rst-date-words पर बाहर जाते हैं, इसी पृष्ठ के कैटलॉग से हल किए हुए: फ़ील्ड उसी भाषा को पढ़ता है जिसमें पृष्ठ है।

अनिवार्य, त्रुटि के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-datetime_error">प्रकाशन की तारीख़ <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="field-datetime_error" name="field-datetime_error" type="datetime-local" required aria-invalid="true" aria-describedby="field-datetime_error-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
  <small rst-field-error id="field-datetime_error-error">आज के बाद की कोई तारीख़ चुनें।</small>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-datetime" dict
    "Name" "field-datetime_error"
    "Label" "प्रकाशन की तारीख़"
    "Required" true
    "Error" "आज के बाद की कोई तारीख़ चुनें।"}}

सीमाओं के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-datetime_bounded">इसी साल के भीतर</label>
  <input rst-input id="field-datetime_bounded" name="field-datetime_bounded" type="datetime-local" value="2026-09-04T19:30" min="2026-01-01T00:00" max="2026-12-31T23:59" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-datetime" dict
    "Name" "field-datetime_bounded"
    "Label" "इसी साल के भीतर"
    "Value" "2026-09-04T19:30"
    "Min" "2026-01-01T00:00"
    "Max" "2026-12-31T23:59"}}

Plain: बिना कुछ जोड़े मूल इनपुट

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="field-datetime_plain">प्रकाशन की तारीख़</label>
  <input rst-input id="field-datetime_plain" name="field-datetime_plain" type="datetime-local" value="2026-09-04T19:30">
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-datetime" dict
    "Name" "field-datetime_plain"
    "Label" "प्रकाशन की तारीख़"
    "Value" "2026-09-04T19:30"
    "Plain" true}}

कोई भी संवर्धन विशेषता नहीं, इसलिए datetime.js को कुछ नहीं मिलता। मूल पिकर फिर भी खुलता है।

field-daterange

शुरुआत और अंत, एक ही लेबल वाले समूह के रूप में। दोनों के Name अलग होने चाहिए, क्योंकि ids उन्हीं से बनते हैं।

तारीख़ और समय, पहले से भरे हुए

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<fieldset rst-field-range>
  <legend>कब</legend>
  <div rst-field-row data-rst-range="session">
    <div rst-field>
      <label rst-field-label for="dr_starts_at">शुरू</label>
      <input rst-input id="dr_starts_at" name="dr_starts_at" type="datetime-local" value="2026-09-04T19:30" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
    </div>
    <div rst-field>
      <label rst-field-label for="dr_ends_at">समाप्त</label>
      <input rst-input id="dr_ends_at" name="dr_ends_at" type="datetime-local" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
    </div>
  </div>
</fieldset>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-daterange" dict
    "Legend" "कब"
    "Seed" "session"
    "Start" (dict "Label" "शुरू" "Name" "dr_starts_at" "Value" "2026-09-04T19:30")
    "End" (dict "Label" "समाप्त" "Name" "dr_ends_at")}}

अंत ख़ाली रहते हुए शुरुआत तय कीजिए, और ब्राउज़र अंत को एक घंटे बाद का भर देता है। सर्वर की ओर से कुछ भी पहले से नहीं भरा जाता।

सिर्फ़ तारीख़ें, अंत वाले हिस्से में त्रुटि के साथ

पूर्वावलोकन

इसे <section rst-box><form rst-form> के अंदर रखें।

<fieldset rst-field-range>
  <legend>बुकिंग</legend>
  <div rst-field-row data-rst-range>
    <div rst-field>
      <label rst-field-label for="dr_from">से</label>
      <input rst-input id="dr_from" name="dr_from" type="date" value="2026-09-04" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
    </div>
    <div rst-field>
      <label rst-field-label for="dr_to">तक</label>
      <input rst-input id="dr_to" name="dr_to" type="date" value="2026-09-01" aria-invalid="true" aria-describedby="dr_to-error" data-rst-date data-rst-date-words="{&#34;ago&#34;:&#34;पहले&#34;,&#34;am&#34;:&#34;सुबह|पूर्वाह्न|am&#34;,&#34;at&#34;:&#34;बजे|पर&#34;,&#34;day&#34;:&#34;दिन&#34;,&#34;hour&#34;:&#34;घंटा|घंटे&#34;,&#34;in&#34;:&#34;में|बाद&#34;,&#34;last&#34;:&#34;पिछला|पिछले|पिछली&#34;,&#34;midnight&#34;:&#34;मध्यरात्रि|आधी रात&#34;,&#34;minute&#34;:&#34;मिनट&#34;,&#34;month&#34;:&#34;महीना|महीने|माह&#34;,&#34;next&#34;:&#34;अगला|अगले|अगली&#34;,&#34;noon&#34;:&#34;दोपहर&#34;,&#34;pm&#34;:&#34;शाम|अपराह्न|pm|रात&#34;,&#34;today&#34;:&#34;आज&#34;,&#34;tomorrow&#34;:&#34;कल&#34;,&#34;week&#34;:&#34;सप्ताह|हफ़्ता|हफ्ता|हफ़्ते|हफ्ते&#34;,&#34;yesterday&#34;:&#34;बीता कल|गुज़रा कल&#34;}" data-rst-date-set="सेट करें" data-rst-date-hint="आज़माएँ: {example}" data-rst-date-pick="कैलेंडर खोलें" data-rst-date-calendar="कैलेंडर" data-rst-date-prev-month="पिछला महीना" data-rst-date-next-month="अगला महीना" data-rst-date-results="{n} सुझाव" data-rst-date-result-one="1 सुझाव" data-rst-date-quick-today="आज" data-rst-date-quick-tomorrow="कल" data-rst-date-quick-next-week="एक सप्ताह बाद" data-rst-date-quick-plus-1h="एक घंटे बाद" data-rst-date-quick-plus-2h="दो घंटे बाद" data-rst-date-quick-end-of-day="उस दिन के अंत में" data-rst-date-quick-next-day="अगले दिन उसी समय">
      <small rst-field-error id="dr_to-error">समाप्ति शुरुआत से पहले है।</small>
    </div>
  </div>
</fieldset>

इसे <section rst-box><form rst-form> के अंदर रखें।

{{template "field-daterange" dict
    "Legend" "बुकिंग"
    "Kind" "date"
    "Start" (dict "Label" "से" "Name" "dr_from" "Value" "2026-09-04")
    "End" (dict "Error" "समाप्ति शुरुआत से पहले है।" "Label" "तक" "Name" "dr_to" "Value" "2026-09-01")}}