تشترك هذه المقالة في الرمز ذي الصلة لـ JS لتنفيذ اختيار ارتباط التاريخ ، وهو مناسب لاختيار عيد الميلاد ، للرجوع إليه. المحتوى المحدد كما يلي
تحقيق الهدف: ثلاثة صناديق إدخال محددة من السنة والشهر واليوم ، ومدخلات خفية. احصل على قيمة المدخلات من خلال JS. إذا كانت هناك قيمة في تنسيق التاريخ ، فإن السنة والشهر واليوم هي الوقت في المدخلات. وإلا فهو فارغ. الفاصل الزمني الافتراضي لهذا العام من عام 1900 إلى هذا العام
لقد استخدمت bootstrap. يرجى الرجوع إلى الإرشادات ذات الصلة الخاصة بـ Bootstrap for Class
فيما يلي محتوى HTML:
<div> <blabel> <select node-type = "birthday_year" name = "birthday_y" id = "birthday_y"> <option value = ""> </soph> </select> <span> year </span> </sable> <billy> <select node-type = "birthday_month" name = "birthday_m" id = </select> <span> month </span> </sable> <label> <select node-type = "birthday_month" name = "birthday_d" id = "birthday_d"> <tort value = ""> </point> </select> <span> day </span> </billy> <input type = "hidden" name = "birth" id = "prital"
هنا هو تنفيذ JS:
// قم بتعيين التحويل واحصل على عيد ميلاد var date = new Date () ؛ var year = date.getlyear () ؛ لـ (var i = year ؛ i> = 1900 ؛ i-) {$ ("#birthday_y"). إلحاق ("<Option value ="+i+"label ="+i+">"+i+"</potion>") ؛ } $ ('#birthday_y'). تغيير (function () {var birth_year = $ ('#birthday_y'). val () ؛ if (birth_year! = ") {var birth_month = $ ('#birthday_m'). val () ؛ if (pirth_month! =" ") var birth_month = $ ('#birthday_m'). val () ؛ + ">" + 29 + "</eptors>") ؛ } {$ ("#birthday_m"). $ ('#birthday_m'). تغيير (function () {var birth_year = $ ('#birthday_y'). val () ؛ var birth_month = this.value ؛ var birth_day = $ ('#birthday_d'). val () "10": CASE "12": if (birth_day == "") {$ ("#birthday_d"). "</option>") ؛ "/خيار>) ؛ "11": if (birth_day == "") {$ ("#birthday_d") ($ ("#birthday_d الخيار:" att " "31": $ ("#birthday_d") الخيار [value = '31 '] "). remove () ؛ break ؛ الافتراضي: break ؛}} $ ("#birthday_d") }} آخر {$ ( الخيار [value = '29 '] "). remove () ؛}} break ؛ الافتراضي: break ؛}} checkBirthDay () ؛}) ؛ $ ('#birthday_d '). التغيير (function () {checkbirthday () ؛}) ؛ $ ('#birthday_d ') $ (#birthday_d " b_year = date1.getlyear () ؛ <= 12 ؛ 7: (var i = 1 ؛ i <= 30 ؛ i ++) {$ ("#birthday_d"). i = 1 ؛ i <= 29 ؛ i ++) {$ ("#birthday_d"). إلحاق ("<Option value ="+i+"label ="+i+" label = "+i+"> "+i+" </potion> ") ؛}} break ؛ الافتراضي: break ؛} $ ("#birthday_d "). البحث (" الخيار [value = '"+b_day+"'] "). attr (" selection "،" selection ") ؛ b_month = $ ('#birthday_m'). val () ؛ $ (#birth_error_info). addClass ("Hidden") ؛إذا كنت لا تزال ترغب في التعلم بعمق ، فيمكنك النقر هنا للتعلم وإرفاق موضوعين مثيرين لك: Bootstrap التعلم التعليمي التعليمي التعليمي العملي
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.