Ant-design: рд╕рдВрдмрдВрдзрд┐рдд рдШрдЯрдХреЛрдВ (рджрд┐рдирд╛рдВрдХ рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб, рд░реЗрдбрд┐рдпреЛ рдмрдЯрди рдФрд░ рдЪреЗрдХрдмреЙрдХреНрд╕, рдбреНрд░реЙрдкрдбрд╛рдЙрди, рдЖрджрд┐) рдХреЗ рд▓рд┐рдП рдЖрдИрдбреА рдЬреЛрдбрд╝реЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 24 рдирд╡ре░ 2017  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

рдпрд╣ рд╕реБрд╡рд┐рдзрд╛ рдХрд┐рд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░рддреА рд╣реИ?

рд╕реЗрд▓рд┐рдирд┐рдпрдо рдФрд░ xPath рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдВрдб-рдЯреВ-рдПрдВрдб рдкрд░реАрдХреНрд╖рдг рдХрд░рдирд╛ рдЖрд╕рд╛рди рдмрдирд╛рддрд╛ рд╣реИ

рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд API рдХреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ?

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдХреЛрдб рдЗрд╕ рддрд░рд╣:

<DatePicker id='datepicker' /> рдХреЛ рд╕рдВрдХрд▓рд┐рдд рдХреЛрдб рдореЗрдВ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рджреЗрдирд╛ рдЪрд╛рд╣рд┐рдП:

...
<div class="ant-calendar-date-input-wrap">
       <input class="ant-calendar-input " value="" placeholder="Select date"  id="datepicker">
</div>
...

рдЖрдк рдЬреЛ рдорд╣рд╛рди рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЙрд╕рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд-рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж!

Inactive help wanted

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб рдХреЗ рд▓рд┐рдП id рдЬреЛрдбрд╝рдирд╛ (рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ DatePicker рдЬреИрд╕реЗ рдШрдЯрдХреЛрдВ рдХреЗ рдЕрдВрджрд░) рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдХрд╛рд░рдгреЛрдВ рд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред рдореИрдВ рд╕рдВрдмрдВрдзрд┐рдд рд▓реЗрдмрд▓ рдореЗрдВ htmlFor рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдФрд░ рдЬрдм рдореИрдВ рд▓реЗрдмрд▓ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рддрд╛ рд╣реВрдВред

рд╕рднреА 7 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдИрдбреА рдЬреЛрдбрд╝рдирд╛ рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рдорд╛рди рд▓реЗрдВ рдХрд┐ рдЪрдпрди рдХрд░реЗрдВ рдШрдЯрдХ, рдПрдХ рд╕рд░рд▓рддрдо рдЪрдпрди рдШрдЯрдХ рдЗрдирдкреБрдЯ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдЖрдк рдЪрдпрди рдХреЗ рдореВрд▓реНрдп рдХреЛ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрдирдкреБрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рдореВрд▓реНрдп рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред

@yesmeck рдиреЗ рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж рджрд┐рдпрд╛ рд╣реИ, рддреЛ рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХреЛрдИ рдЕрдиреНрдп рддрд░реАрдХрд╛ рд╣реИ рдЬрд┐рд╕рд╕реЗ рдЖрдк рдЕрд╡рдЧрдд рд╣реИрдВ? рдХреНрдпрд╛ рдЖрдк рдХрд┐рд╕реА рдЕрдиреНрдп рдЙрдкрдХрд░рдг рдХреЛ рдЬрд╛рдирддреЗ рд╣реИрдВ рдЬреЛ рдПрдВрдб-рдЯреВ-рдПрдВрдб рдЯреЗрд╕реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░реЗрдЧрд╛? рдпрд╣ atd @ 3 рдкрд░ рдХрд╛рдо рдХрд░рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реИ

DatePicker рдЗрдирдкреБрдЯ рдореЗрдВ рдЖрдИрдбреА рдЬреЛрдбрд╝рдиреЗ рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдЪрд▓реЗрдЧрд╛ред рдореИрдВ рдЖрдкрдХреЛ DatePicker рдкреЙрдкреНрдпреБрд▓реЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдЖрдкрдХреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд╛ рдЕрдиреБрдХрд░рдг рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

  1. '.Ant-Calendar-picker' рдвреВрдВрдвреЗрдВ рдФрд░ рдПрдХ рдХреНрд▓рд┐рдХ рдХрд╛ рдЕрдиреБрдХрд░рдг рдХрд░реЗрдВ;
  2. '.Ant-Calendar-input' рдвреВрдВрдвреЗрдВ рдФрд░ рдорд╛рди рдХреЛ рдкреЙрдкреНрдпреБрд▓реЗрдЯ рдХрд░реЗрдВ;
  3. рдмреЙрдбреА рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ рдбреЗрдЯ рдкрд┐рдХрд░ рдкреИрдирд▓ рдмрдВрдж рдХрд░реЗрдВред

рдЬрд╣рд╛рдБ рддрдХ рдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рдерд╛, рд╡рд░реНрддрдорд╛рди рдореЗрдВ '.ant-Calendar-input' рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб рдореЗрдВ рдХрд┐рд╕реА рднреА рддрд░рд╣ рдХреА рдЖрдИрдбреА рдкрд╛рд╕ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИред
рдореИрдВ рдЖрд░рд╕реА-рдХреИрд▓реЗрдВрдбрд░ рдореЙрдбреНрдпреВрд▓ рдкрд░ рдПрдХ рдирдЬрд╝рд░ рдбрд╛рд▓реВрдВрдЧрд╛ред

рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб рдХреЗ рд▓рд┐рдП id рдЬреЛрдбрд╝рдирд╛ (рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ DatePicker рдЬреИрд╕реЗ рдШрдЯрдХреЛрдВ рдХреЗ рдЕрдВрджрд░) рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдХрд╛рд░рдгреЛрдВ рд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред рдореИрдВ рд╕рдВрдмрдВрдзрд┐рдд рд▓реЗрдмрд▓ рдореЗрдВ htmlFor рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдФрд░ рдЬрдм рдореИрдВ рд▓реЗрдмрд▓ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдЗрдирдкреБрдЯ рдлрд╝реАрд▓реНрдб рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рддрд╛ рд╣реВрдВред

рдкреАрдЖрд░ рдХрд┐рд╕реА рднреА рд╕рдордп рдЖрдк рдХрд┐рд╕реА рднреА рдШрдЯрдХ рдЖрдИрдбреА рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдореИрдВ рдЕрдкрдиреЗ UI рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП uilicious.com рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рдмрд╣реБрдд рдЪреБрдиреМрддреАрдкреВрд░реНрдг рд╣реИ рдЬрдм рдЖрдИрдбреА рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИрдВред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

mineralres picture mineralres  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

plandem picture plandem  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tianyacsdn picture tianyacsdn  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kevyu picture kevyu  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ericdai picture ericdai  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ