สคริปต์ตัวเลือกปฏิทินและตัวเลือกวันที่ที่มีประโยชน์สำหรับนักพัฒนาเว็บ

ปฏิทินสามารถพบได้บ่อยในหน้าเว็บส่วนใหญ่ทุกวันนี้โดยเฉพาะในบล็อกและเว็บไซต์ส่วนตัว สำหรับไซต์ขององค์กรหรือไซต์อีคอมเมิร์ซใช้เพื่อจัดวางการประกาศกิจกรรมที่กำลังจะมาถึงการประกวดและอื่น ๆ อีกมากมาย อะไรทำให้ปฏิทินมีความสำคัญเกือบ? ช่วยให้ผู้ใช้รู้ว่ามีอะไรใหม่สิ่งที่คาดหวังในวันที่ระบุและติดตามข้อมูลที่เก่ากว่าทั้งหมดได้อย่างรวดเร็ว.

ปฏิทินในเว็บไซต์โรงแรมโรงภาพยนตร์หรือสายการบินต้องการการโต้ตอบของผู้ใช้เพื่อจองห้องพักและตั๋วเครื่องบิน จำเป็นต้องมีปฏิทินในเว็บไซต์นี้เนื่องจากผู้ใช้จำเป็นต้องเลือกวันที่ระบุเพื่อทำการจอง นี่คือที่ตัวเลือกวันที่มีบทบาทเป็นสื่อนำทาง ตัวเลือกวันที่ซึ่งเป็นรูปแบบปฏิทินช่วยให้ผู้ใช้เลื่อนดูวันสัปดาห์หรือปีเพื่อเลือกวันที่ต้องการ ตัวใช้เลือกวันที่บางคนมีตัวเลือกในการข้ามไปยังวันที่ระบุโดยตรงโดยป้อนวันที่เพื่ออำนวยความสะดวกให้กับผู้ใช้.

ในโพสต์ของวันนี้เราจะแสดงสคริปต์ตัวเลือกปฏิทินและตัวเลือกวันที่ที่ดีที่สุดที่เรารู้จัก หวังว่าคุณจะพบคนที่เหมาะกับความต้องการของคุณ รายการเต็มหลังจากการกระโดด!

ปฏิทินเหมือน iCal

ปฏิทินที่น่าทึ่งซึ่งมีลักษณะคล้ายกับแอปพลิเคชั่นปฏิทิน iPhone และ iCal มันมีภาพเคลื่อนไหวที่ราบรื่นและเมื่อคุณโฮเวอร์เหนือเหตุการณ์ที่มีอยู่คำแนะนำเครื่องมือจะจางหายไปพร้อมกับข้อมูลรายละเอียด [ตัวอย่าง] [ดาวน์โหลด]

MooTools DatePicker

Javascript datepicker ที่สามารถกำหนดค่าได้พร้อมภาพเคลื่อนไหวที่ราบรื่น ใช้งานได้กับทุกรูปแบบวันที่และยังสนับสนุนการเลือกเวลา สกินพื้นฐาน, สกิน Windows Vista, สกินแผงควบคุม OSX และสกิน Jquery UI [ตัวอย่าง] [ดาวน์โหลด]

FullCalendar

นี่คือปลั๊กอิน jQuery สไตล์ Google มีปฏิทินขนาดเต็มลากและวาง ปฏิทินนี้สามารถกำหนดค่าได้ง่ายและใช้ Ajax [ตัวอย่าง] [ดาวน์โหลด]

jPint

JPint เป็น iPhone dev บนเว็บที่ดูยอดเยี่ยม เพียงแค่เลือกปฏิทินและคุณจะเห็นปฏิทินเดียวกับบน iPhone ของคุณ [ตัวอย่าง] [ดาวน์โหลด]

jCalendar

ปฏิทิน jQuery แบบไดนามิกซึ่งสามารถใช้กับการเลือกสามแบบ: หนึ่งแบบสำหรับวันเดือนและปี ปฏิทินนี้ไม่มีภาพเคลื่อนไหว [ตัวอย่าง] [ดาวน์โหลด]

เลือกวันที่

datepicker นี้เป็น datepicker ที่ดูง่ายซึ่งเชื่อมโยงกับช่องป้อนแบบฟอร์มมาตรฐาน เพียงคลิกที่ช่องป้อนข้อมูลจากนั้นใช้ลูกศรเพื่อเปลี่ยนระหว่างเดือน [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทินสัปดาห์ jQuery

ปฏิทินขนาดเต็มรูปแบบอื่นของ Google แต่ปลั๊กอิน jQuery นี้มีวิธีที่ง่ายและยืดหยุ่นในการรวมปฏิทินรายสัปดาห์ในแอปพลิเคชันของคุณ [ตัวอย่าง] [ดาวน์โหลด]

jMonthCalendar

ปฏิทินขนาดเต็มที่รองรับกิจกรรม แต่ละเหตุการณ์สามารถถูกโฮเวอร์และเหตุการณ์มี URL ที่ลิงก์ไปยังหน้าซึ่งแสดงรายละเอียดเพิ่มเติมของเหตุการณ์ที่ถูกคลิก [ตัวอย่าง] [ดาวน์โหลด]

เลือกวันที่

Datepicker ซึ่งมีสไตล์ที่ดีและสามารถปรับให้เข้ากับเว็บแอปพลิเคชันของผู้ใช้ได้อย่างง่ายดาย นอกจากนี้ยังมีคุณสมบัติมากมายเช่นปฏิทินหลายรายการในองค์ประกอบและอนุญาตการเลือกแบบเดี่ยวหลายรายการหรือหลายช่วง ผู้ใช้สามารถทำเครื่องหมายวันที่เป็นพิเศษวันหยุดสุดสัปดาห์วันพิเศษ ฯลฯ [สาธิต] [ดาวน์โหลด]

ตัวเลือกวันที่ jQuery ง่าย

Datepicker ที่เรียบร้อยสวยใช้งานได้กับองค์ประกอบการป้อนข้อความอย่างน้อยหนึ่งองค์ประกอบและมีสไตล์ง่าย ๆ ด้วย CSS มันง่ายมากที่จะใช้ datepicker นี้ - เพียงแค่เลือกปีและเดือนของคุณก่อนแล้วเลือกวัน [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทิน

นี่คือคลาส Javascript ซึ่งรวบรวม Datepickers จำนวนมาก Datepickers เหล่านี้มีคุณสมบัติทั้งหมดที่มีประโยชน์มากที่สุด การออกแบบของพวกเขานั้นดูเรียบร้อยและดูดีด้วยภาพเคลื่อนไหวที่ราบรื่น [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทิน Ajax ที่มีรูปแบบคล้ายกับ Vista 2

ปฏิทิน ajax ที่เหมือนกันกับ Vista เป็นเวอร์ชันบนเว็บของปฏิทินทาสก์บาร์ของ Windows Vista ที่ลื่นไหลและลึกซึ้ง ถ้าคุณรักสไตล์ของ Windows Vista คุณก็จะชอบปฏิทินนี้ [สาธิต] [ดาวน์โหลด]

Yahoo! UI Library: ปฏิทิน

ปฏิทิน YUI แบบง่ายซึ่งสามารถนำไปใช้ในเว็บแอปพลิเคชันของคุณ มันไม่มีตัวเลือกมากมาย แต่ถ้าคุณต้องการ datepicker แค่นั้นคุณก็ไม่ต้องการอะไรอีกแล้ว [ตัวอย่าง] [ดาวน์โหลด]

เครื่องมือเลือกวันที่ไม่สร้างความรำคาญ

Datepicker ที่เป็นมิตรนี้สามารถเข้าถึงได้โดยใช้แป้นพิมพ์มันไม่จำเป็นต้องมีบล็อก JavaScript ที่ฝังตัวและไม่ใช้หน้าต่างป๊อปอัป คุณยังสามารถปรับเปลี่ยนสไตล์ได้อย่างสมบูรณ์ด้วย CSS [DEMO] [ดาวน์โหลด]

Scal

Datepicker สุดเท่ที่มีสไตล์แตกต่างกัน 6 แบบ: Scal, Scal tinyscal, iScal, Dashblack, Googleblue และ iPhonic [ตัวอย่าง] [ดาวน์โหลด]

ตัวเลือกช่วงวันที่แบบโต้ตอบ jQuery

องค์ประกอบแบบโต้ตอบมากซึ่งออกแบบมาโดยเฉพาะสำหรับการเลือกช่วงวันที่ ใส่ใจกับภาพเคลื่อนไหวที่ดูราบรื่นและดูดี [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทินพื้นฐาน

ลองใช้ปฏิทินนี้หากคุณต้องการใช้เพียงปฏิทินพื้นฐานในเว็บแอปพลิเคชันของคุณ [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทินอย่างง่าย

นี่คือปฏิทินป๊อปอัพที่ใช้งานง่ายซึ่งทำงานผ่านเบราว์เซอร์ แม้ว่าจะไม่ใช่ปฏิทินที่น่าสนใจ แต่ก็มีความคิดเห็นและปรับแต่งได้อย่างเต็มที่สำหรับภาษาสีและรูปแบบวันที่ [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทินไทกรา

Tigra เป็นปฏิทินที่ทำงานข้ามเบราว์เซอร์ เป็นปฏิทินแบบหล่นลงซึ่งการป้อนข้อมูลวันที่แบบง่ายและรวดเร็วจะช่วยปรับปรุงประสบการณ์ผู้ใช้ [ตัวอย่าง] [ดาวน์โหลด]

jQuery Datepicker

ดู datepicker ที่เรียบร้อยซึ่งสามารถเพิ่มเป็นป๊อปอัพในช่องข้อความหรืออินไลน์ในส่วนหรือช่วง มันมีภาพเคลื่อนไหวสไตล์ jQuery เพื่อให้ดูดี [ตัวอย่าง] [ดาวน์โหลด]

jQuery Date Input

ป้อนวันที่เป็นปลั๊กอิน datepicker สำหรับ jQuery [สาธิต] [ดาวน์โหลด]

DatePickerControl

datepicker ง่าย ๆ ที่เตือนเครื่องคิดเลข Windows เพราะรูปลักษณ์ คุณสามารถเปลี่ยนฟิลด์อินพุตของคุณให้เป็น datepicker นี้ได้ง่าย [ตัวอย่าง] [ดาวน์โหลด]

สคริปต์ปฏิทินที่ป้อนข้อมูลผิดพลาดของ Jason Moon

ปฏิทินขนาดเล็กมากและมีการประสานงานกัน มันใช้พื้นที่ไม่มากและมันก็ดูดีด้วย คุณไม่สามารถสลับระหว่างปี แต่คุณสามารถสลับระหว่างเดือนโดยใช้ลูกศร [ตัวอย่าง] [ดาวน์โหลด]

สคริปต์ปฏิทิน

สคริปต์ปฏิทินที่เรียบง่ายพร้อมฟังก์ชันการทำงานที่ดี นี่เป็นตัวเลือกที่ดีถ้าคุณต้องการปฏิทินที่เชื่อถือได้และเรียบง่าย [ตัวอย่าง] [ดาวน์โหลด]

Dhtmlx ปฏิทิน

ปฏิทิน JavaScript เบราว์เซอร์ที่มีน้ำหนักเบาซึ่งใช้งานง่ายและปรับแต่งได้อย่างเต็มที่ นอกจากนี้ยังมีสไตล์ที่ดีซึ่งผสมกับฟังก์ชั่นของมัน [ตัวอย่าง] [ดาวน์โหลด]

ตัวเลือกวันที่ Javascript

เครื่องมือเลือกวันที่นี้ใช้เทคนิค DOM เพื่อสร้างรหัส HTML รองรับเบราว์เซอร์เช่น: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+ [ตัวอย่าง] [ดาวน์โหลด]

ปฏิทินที่อุดมไปด้วย

นี่คือปฏิทินข้ามเบราว์เซอร์ Javascript ซึ่งใช้ฟังก์ชันการทำงานที่เหมาะสมพร้อมตัวเลือกขั้นสูงมากมาย [ตัวอย่าง] [ดาวน์โหลด]

Datepicker] [ดาวน์โหลด]

เลือกวันที่

datepicker ที่เรียบง่ายและดูดีซึ่งดูเหมือนว่าเครื่องคิดเลขในตัวของ Windows [ตัวอย่าง] [ดาวน์โหลด]