Advertisement
Guest User

Untitled

a guest
Nov 13th, 2019
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.99 KB | None | 0 0
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="bulma.min.css">
  4. <link rel="stylesheet" href="datepicker.min.css">
  5. </head>
  6. <body>
  7.  
  8. <section id="search" class="section">
  9. <div class="container">
  10. <div class="columns">
  11. <div class="column">
  12. <div class="field">
  13. <label class="label">Titolo</label>
  14. <div class="control">
  15. <input id="tTitle" name="tTitle" class="input" type="text" placeholder="Titolo">
  16. </div>
  17. <p id="tTitle_message" class="help"></p>
  18. </div>
  19. </div>
  20. <div class="column">
  21. <div class="field">
  22. <label class="label">Descrizione</label>
  23. <div class="control">
  24. <input id="tDescription" name="tDescription" class="input" type="text" placeholder="Descrizione">
  25. </div>
  26. <p id="tDescription_message" class="help"></p>
  27. </div>
  28. </div>
  29. <div class="column is-2">
  30. <div class="field">
  31. <label class="label">Data scadenza</label>
  32. <div class="control">
  33. <input id="tDateExpire" name="tDateExpire" class="input is_date" type="text" placeholder="Data scadenza">
  34. </div>
  35. <p id="tDateExpire_message" class="help"></p>
  36. </div>
  37. </div>
  38. <div class="column is-2">
  39. <div class="field">
  40. <label class="label">Data creazione</label>
  41. <div class="control">
  42. <input id="tDateCreate" name="tDateCreate" class="input is_date" type="text" placeholder="Data creazione">
  43. </div>
  44. <p id="tDateCreate_message" class="help"></p>
  45. </div>
  46. </div>
  47. <div class="column">
  48. </div>
  49. </div>
  50. </div>
  51. </section>
  52. <script src="datepicker.min.js"></script>
  53. <script>
  54. datepicker('.is_date', {
  55. onSelect: (instance, date) => {
  56. // Do stuff when a date is selected (or unselected) on the calendar.
  57. // You have access to the datepicker instance for convenience.
  58. }
  59. })
  60. </script>
  61. </body>
  62. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement