កាលបរិច្ឆេទ

ឧទាហរណ៍

 
<div class="cgds form-group">
  <label class="form-label" for="dateInput">ថ្ងៃខែ​ឆ្នាំ​កំណើត</label>
  <span class="form-text">ឧ.​ ថ្ងៃទី១០ ខែមិថុនា​​ ឆ្នាំ២០០០</span>
</div>
<cgds-datepicker></cgds-datepicker>

        

 
<div class="cgds row">
  <div class="col form-group">
    <label class="form-label" for="day">ថ្ងៃទី</label>
    <input class="form-control" type="text" inputmode="numeric" pattern="[0-9]*" id="day" autocomplete="on" maxlength="2" onkeypress="return onlyNumberKey(event)" />
  </div>
  <div class="col form-group">
    <label class="form-label" for="month">ខែ</label>
    <input class="form-control" type="text" inputmode="numeric" pattern="[0-9]*" id="month" autocomplete="on" maxlength="2" onkeypress="return onlyNumberKey(event)"/>
  </div>
  <div class="col form-group">
    <label class="form-label" for="year">ឆ្នាំ</label>
    <input class="form-control" type="text" inputmode="numeric" pattern="[0-9]*" id="year" autocomplete="on" maxlength="4" onkeypress="return onlyNumberKey(event)"/>
  </div>
</div>

        

គោលការណ៍ណែនាំនៃការប្រើប្រាស់

• នៅពេលដែលអ្នកតម្រូវឱ្យអ្នកប្រើប្រាស់បំពេញកាលបរិច្ឆេទសម្រាប់សេវាកម្មរបស់អ្នក។
  • សូមបញ្ជាក់យ៉ាងច្បាស់អំពីរបៀបដែលទិន្នន័យគួរតែត្រូវបានបំពេញ (ឧ.​ ថ្ងៃទី​ ខែ ​ឆ្នាំ​)។
  • ផ្តល់ឧទាហរណ៍អំពីរបៀបដែលកាលបរិច្ឆេទគួរតែត្រូវបានបំពេញ (ឧ.​ ០១​ ០១ ២០២០ ឬ ១​ ១ ២០២០) នៅពេលដែលប្រើប្រអប់បញ្ចូលក្នុងទម្រង់តែមួយ។
• នៅពេលស្នើសុំឱ្យអ្នកប្រើប្រាស់បំពេញកាលបរិច្ឆេទជាក់លាក់។
  • ជាឧទាហរណ៍ ការសុំថ្ងៃខែឆ្នាំកំណើត មានន័យថាអ្នកគួរតែមាន autocomplete កំណត់សម្រាប់ធាតុទាំងបីនេះ bday-day, bday-month និង bday-year ដើម្បីផ្តល់ភាពងាយស្រួលដល់អ្នកប្រើប្រាស់។
  • អ្នកនឹងត្រូវរួមបញ្ចូល autocomplete ដើម្បីអនុលោមតាមគោលការណ៍ WCAG 2.1 AA ។

• ប្រសិនបើអ្នកត្រូវការឱ្យអ្នកប្រើប្រាស់ជ្រើសរើសពីកាលបរិច្ឆេទជាក់លាក់មួយចំនួន យើងសូមណែនាំឱ្យអ្នកប្រើប៊ូតុងមូល ដើម្បីឱ្យពួកគេជ្រើសរើសយ៉ាងងាយស្រួល។

គោលការណ៍ណែនាំនៃការរចនា

នៅពេលស្នើសុំកាលបរិច្ឆេទឯកសារផ្លូវការ
ត្រូវប្រាកដថាទម្រង់ត្រូវគ្នានឹងកាលបរិច្ឆេទឯកសារដែលអ្នកកំពុងស្នើសុំ។ ឧទាហរណ៍ DD/MM/YYYY ឬ DD/MM/YY ។ សូមបញ្ជាក់ផងដែរនៅក្នុងអត្ថបទជំនួយអំពីទម្រង់កាលបរិច្ឆេទ វានឹងជួយកាត់បន្ថយកំហុសនៅពេលបំពេញទម្រង់។

ជួយអ្នកប្រើប្រាស់ជ្រើសរើសកាលបរិច្ឆេទ
អ្នកអាចប្រើសមាសភាគជ្រើសរើសកាលបរិច្ឆេទដើម្បីជួយអ្នកប្រើប្រាស់ជ្រើសរើសកាលបរិច្ឆេទដូចជាសម្រាប់ថ្ងៃនៃការណាត់ជួបជាដើម។ ទោះជាយ៉ាងណាក៏ដោយ ប្រើវាលុះត្រាតែ៖

• អ្នកប្រើប្រាស់ត្រូវជ្រើសរើសកាលបរិច្ឆេទក្នុងរង្វង់ពេលខ្លីនាពេលខាងមុខ ឬពេលអតីតកាល។ ឧ. កុំប្រើសមាសភាគកម្មវិធីជ្រើសរើសកាលបរិច្ឆេទនៅពេលសួររកថ្ងៃខែឆ្នាំកំណើត វាបន្ថែមភាពស្មុគស្មាញ។ ប្រើគំរូកាលបរិច្ឆេទទម្រង់តែមួយជំនួសវិញ។
• អ្នកប្រើប្រាស់ត្រូវការមើលកាលបរិច្ឆេទផ្សេងទៀតទាក់ទងនឹងកាលបរិច្ឆេទដែលពួកគេចង់បាន។

កាលបរិច្ឆេទបច្ចុប្បន្នជាបុរេជម្រើស
ធ្វើបុរេជម្រើសនៃសមាសភាគកម្មវិធីជ្រើសរើសកាលបរិច្ឆេទទៅកាលបរិច្ឆេទបច្ចុប្បន្ន ដើម្បីឱ្យអ្នកប្រើប្រាស់មានចំណុចចាប់ផ្តើមនៅពេលជ្រើសរើសកាលបរិច្ឆេទ។