Cách lấy giá trị ngày đã chọn từ datepicker trong PHP

Chúng tôi có hai lịch. Khi Ngày kết thúc được chọn trong lịch thứ hai thì đó sẽ là ngày tối đa của lịch đầu tiên. Tương tự, khi ngày bắt đầu được chọn từ lịch đầu tiên thì đó sẽ là minDate cho lịch thứ hai hiển thị ngày kết thúc

Ở đây maxDate và minDate được chọn động thay đổi dựa trên lựa chọn ngày của người dùng

Đối với bộ chọn ngày thứ hai, ngày tối thiểu là biến được lấy từ bộ chọn ngày đầu tiên

Một sự kiện kéo dài tối đa hai tuần, tạo hai lịch có thể chọn ngày kết thúc và ngày bắt đầu
DEMO của Sự kiện với phạm vi cố định với ngày Bắt đầu và Ngày kết thúc khác nhau →
DEMO của Sự kiện với phạm vi cố định với Ngày bắt đầu và Ngày kết thúc khác nhau ( Sử dụng Lịch đơn ) →

trước ngày chiếu

Chức năng này được thực hiện trước khi hiển thị ngày trong lịch. Sử dụng điều này, chúng tôi có thể thêm các chức năng khác nhau vào màn hình của mình. Hàm này trả về mảng có ba phần tử để chúng ta sử dụng

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

1Chúng ta sẽ sử dụng cả ba phần tử này trong các ví dụ khác nhau

Sử dụng JavaScript

Đối với tất cả các tập lệnh được viết dưới đây, chúng tôi sẽ sử dụng hàm checkDate(), Hàm này nhận ngày làm tham số từ jquery, đây là cấu trúc của hàm

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

2Chúng tôi sẽ thay đổi mã bên trong hàm theo yêu cầu của chúng tôi để trả về mảng trên. Để gọi chức năng này, chúng tôi sẽ sử dụng mã jquery như thế này.

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

3Chúng ta hãy bắt đầu với việc người dùng có thể chọn một số ngày hay không. Hiển thị lịch mà một số ngày sẽ bị vô hiệu hóa. Đây là lịch để hiển thị tháng hiện tại hoặc bất kỳ tháng nào khác với ngày 14, ngày 19 và ngày 25 của tháng bị vô hiệu hóa
DEMO của Bộ chọn ngày có ngày bị vô hiệu hóa trong tất cả các tháng →
Hiển thị lịch mà các ngày trong tuần ( Thứ bảy và Chủ nhật ) bị tắt. Đối với điều này, chúng tôi sẽ sử dụng hàm JavaScript getDay , hàm này trả về 0 cho Chủ nhật và 1 cho Thứ Hai, v.v. �
DEMO của Bộ chọn ngày với các ngày trong tuần bị vô hiệu hóa trong tất cả các tháng →

Tắt ngày theo lịch để người dùng lựa chọn

Bây giờ chúng tôi sẽ giữ một số ngày cố định mà các ô lịch sẽ bị vô hiệu hóa để lựa chọn
Điều này có nhiều ứng dụng thực tế hơn vì bạn có thể kết nối điều này với cơ sở dữ liệu nơi bạn có thể đọc ngày để điền vào mảng not_available_dates để chúng có thể được cung cấp hoặc không dựa trên yêu cầu tập lệnh. Chúng tôi không thảo luận ở đây cách nhập các bản ghi cơ sở dữ liệu hoặc hiển thị chúng, bạn có thể đọc chúng trong phần PHP của chúng tôi
DEMO của Bộ chọn ngày với Lịch ngày bị vô hiệu hóa trong các tháng khác nhau →

Đặt lại dữ liệu người dùng đã nhập của bộ chọn ngày

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

4hoặc

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

5hoặc khi nhấp vào nút có đặt lại minDate, maxDate, khu vực hiển thị và giá trị

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

6

Sự khác biệt về ngày giữa hai ngày dương lịch

Người dùng có thể chọn hai ngày từ hai lịch và tập lệnh sẽ tìm ra sự khác biệt về số ngày giữa chúng
Nhận sự khác biệt về số ngày giữa hai ngày dương lịch →

Cách chỉ chọn Tháng và Năm

Đây là một sửa đổi của Lịch thành tùy chọn duy nhất được cung cấp để chọn Tháng và Năm. Không có phần ngày nào được hiển thị cho người dùng
Chỉ chọn Tháng và Năm từ Lịch →

Ứng dụng của beforeShowday

Chúng tôi cần hiển thị lịch với các ô có màu khác nhau dựa trên một số điều kiện. Vé hoặc tính khả dụng có thể được gieo trên nền màu xanh lá cây hoặc màu đỏ trong đó màu đỏ hiển thị không có sẵn và người dùng không thể chọn ngày
Ngoài việc quản lý CSS, chúng tôi cũng có thể hiển thị chú giải công cụ Tập lệnh DEMO hiển thị sự kiện trong ngày bằng chú giải công cụ →

Thay đổi kích thước của Bộ chọn ngày

$(function() {
$( "#date_picker" ).datepicker({
  dateFormat: 'dd-mm-yy'
});
});

7

Giữ bộ chọn ngày mở tại thời điểm tải trang (Luôn luôn)

Thay vì sử dụng thẻ đầu vào làm công cụ chọn ngày, hãy sử dụng div____0_______8

Đặt thời gian bằng thanh trượt cùng với Ngày từ lịch

THỬ NGHIỆM. Thời gian trong Giờ. Định dạng phút và giây cùng với ngày →

Áp dụng các chủ đề khác nhau cho Bộ chọn ngày

Chúng tôi có thể kiểm tra bộ chọn ngày của mình bằng cách áp dụng các chủ đề khác nhau. CDN chủ đề được hiển thị bên dưới bộ chọn ngày, bạn có thể sử dụng nó trong các trang của mình. Cách sử dụng các chủ đề khác nhau được giải thích tại Trang chủ JQuery

Sử dụng bộ chọn ngày của jQuery, chúng tôi có thể định dạng một ngày đã chọn bằng cách sử dụng tùy chọn dateFormat. Trong một bài viết trước, chúng ta đã thấy cách sử dụng jQuery datepicker trong một biểu mẫu để chọn một giá trị cho trường ngày tháng. Nó bật lên một tiện ích lịch để chọn một ngày

Trong hướng dẫn này, chúng ta sẽ xem cách định dạng một ngày khi chọn nó từ cửa sổ bật lên lịch. Chúng tôi có một danh sách định dạng ngày trong một hộp chọn. Khi thay đổi giá trị lựa chọn này, chúng tôi đặt tùy chọn dateFormat với định dạng đã chọn

Xem bản trình diễn

Bộ chọn ngày HTML có định dạng

Mã này hiển thị HTML để hiển thị trường bộ chọn ngày nội tuyến và danh sách định dạng ngày

________số 8_______

Đặt dateFormat bằng jQuery

Mã jQuery này được sử dụng để đặt định dạng ngày khi chọn ngày bằng bộ chọn ngày. Chúng tôi có một chức năng định dạng ngày sẽ được gọi khi thay đổi trường chọn định dạng ngày

Làm cách nào để lấy giá trị của bộ chọn ngày trong PHP?

Làm cách nào để lấy ngày đã chọn trong datepicker?

Làm cách nào để đánh dấu ngày cụ thể trong công cụ hẹn hò?

Làm cách nào để lấy giá trị từ bộ chọn ngày trong HTML?