Advertisement
shababshihan

ক্যালেন্ডার এর বাবহার

May 18th, 2015
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.06 KB | None | 0 0
  1. ক্যালেন্ডার এর বাবহারঃ
  2. ================
  3. ধাপঃ ১ ওয়েবপেজ এ ক্যালেন্ডার বাবহার করতে চাইলে গুগল থেকে সা্র্চ দিয়ে আপনার পছন্দ মতো লিংক এ গিয়ে js ফাইল ডউনলোড করে নিয়ে কাজ
  4. -----
  5. করুন। যেমনঃ http://amsul.ca/pickadate.js
  6.  
  7. ধাপঃ ২ এইচটিএমএল মার্কপ, সিএসএস ষ্টাইল , jQuery কমান্ড রেডি করি ।
  8. -----
  9.  
  10. ধাপঃ ৩ সিএসএস এবং jQuery প্লাগিন লিংক করি ।
  11. ------
  12. উদাহরণঃ
  13. ======
  14. এইচটিএমএল মার্কপঃ
  15. -------------------
  16. <div class="contact_row fix">
  17. <input type="text" placeholder="Choose Your Date" name="company" class="contact_input" id="date" />
  18. </div>
  19. <div class="contact_row fix">
  20. <input type="text" placeholder="Choose Your time" name="company" class="contact_input" id="time" />
  21. </div>
  22.  
  23.  
  24. সিএসএস ষ্টাইল
  25. ------------
  26. লিংক গুলো দিলেই হবেঃ
  27. <link rel="stylesheet" type="text/css" href="css/default.css" media="all" />
  28. <link rel="stylesheet" type="text/css" href="css/default.date.css" media="all" />
  29. <link rel="stylesheet" type="text/css" href="css/default.time.css" media="all" />
  30.  
  31. jQuery কমান্ড
  32. -----------
  33. লিংক গুলো দিতে হবেঃ
  34. <script type="text/javascript" src="js/legacy.js"></script>
  35. <script type="text/javascript" src="js/picker.js"></script>
  36. <script type="text/javascript" src="js/picker.date.js"></script>
  37. <script type="text/javascript" src="js/picker.time.js"></script>
  38. <script type="text/javascript" src="js/pace.min.js"></script>
  39.  
  40.  
  41. // Datepicker Js
  42. $(document).ready(function() {
  43. $('input#date').pickadate({
  44. min: new Date(2015,5,18),
  45. max: new Date(2015,5,24)
  46. });
  47. $('input#time').pickatime();
  48. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement