PHP 날짜 입력 상자 : 기본값을 우아하게 설정하고 사용자 제출을 처리하는 방법

이 튜토리얼은 PHP의 날짜 입력 상자에 대한 기본값을 설정하는 방법을 안내하도록 설계되었습니다. 날짜 입력 상자를 달성하는 방법을 탐색하여 페이지가 처음로드 된 경우 현재 날짜를 자동으로 표시하며 동시에 사용자가 양식을 제출 한 후 사용자가 선택한 날짜를 유지할 수 있습니다. 간결한 PHP Ternary 연산자를 통해이 논리를 효율적으로 관리하여 데이터 입력의 유연성과 사용자 경험을 보장하는 방법을 보여줍니다.

웹 개발에서 우리는 종종 사용자가 날짜를 입력 해야하는 시나리오를 만나게됩니다. 사용자 경험을 향상시키기 위해 일반적으로 날짜와 같이 페이지가로드되면 날짜 입력 상자가 합리적인 기본값을 가질 것으로 예상됩니다. 그러나 더 중요한 것은 사용자가 양식을 통해 새 날짜를 제출 한 후 페이지가 새로 고침되거나 재 장전되면 입력 상자에 오늘 날짜로 돌아가는 대신 사용자의 최신 선택 날짜를 표시해야합니다. 초기 기본값 및 사용자 입력 유지 관리를 고려하기위한이 요구 사항은이 자습서가 해결 해야하는 핵심 문제입니다.

핵심 문제 분석

nnnx.php라는 PHP 페이지가 있다고 가정 해 봅시다. 이름 속성 NNNX가있는 날짜 입력 상자가 포함되어 있다고 가정 해 봅시다. 우리의 목표는 다음과 같습니다.

1. 사용자가 NNNX.php에 처음 액세스하면 날짜 입력 상자가 현재 날짜 (예 : yyyy/mm/dd 형식)로 자동으로 채워져 있어야합니다.
2. 사용자가 날짜 입력 상자에서 새 날짜를 선택하고 양식을 제출할 때 페이지가 다시로드되면 입력 상자에 오늘 날짜가 아닌 사용자가 방금 제출 한 날짜를 표시해야합니다.

즉, 페이지가 현재 처음으로로드 중인지 또는 사용자가 양식을 제출하는지 여부를 알려주는 메커니즘이 필요합니다.

해결책 : PHP Ternary 운영자의 훌륭한 사용

PHP는 폼 제출 방법에 따라 $ _post (또는 $ _get) 글로벌 배열을 제공하여 사용자 제출 데이터를 얻습니다. 우리는 $ _post [ 'nnnx']를 사용하여 사용자가 날짜 값을 제출했는지 확인할 수 있습니다. $ _post [ 'nnnx']가 존재하고 비어 있지 않으면 사용자가 새 날짜를 제출했음을 의미합니다. 그렇지 않으면 오늘 날짜를 기본값으로 사용해야합니다.

이 논리는 간결한 PHP Ternary 연산자를 통해 구현 될 수 있습니다. 3 원 운영자 조건의 구문입니까? 표현 1 : 표현 2. 조건이 참이면 표현 1의 값을 반환합니다. 그렇지 않으면 표현 2의 값을 반환합니다.

다음은이 논리를 구현하는 PHP 코드 스 니펫입니다.

  php
// 1. 오늘 날짜를 YYYY/mm/dd 형식으로 받으십시오
// 사용자가 처음 페이지에 액세스 할 때 날짜 입력 상자의 기본값입니다. $ today = date ( "y/m/d");

// 2. 사용자가 제출 날짜 또는 오늘 날짜가 사용되는지 여부를 결정하십시오 (! 빈 ($ _ post [ 'nnnx'])) $ _post [ 'nnnx']가 존재하고 비어 있지 않은지 확인하십시오.
// 그렇지 않으면 $ selectedDate = $ today (오늘 날짜)
$ selectedDate =! 빈 ($ _ post [ 'nnnx'])? $ _post [ 'nnnx'] : $ 오늘;
?>

필요한 함수를 달성하기 위해 $ selectedDate 변수의 값을 HTML 날짜 입력 상자의 값 속성에 포함시킵니다.

완전한 샘플 코드

실행 가능한 예제를 제공하기 위해 HTML 양식 및 JavaScript 날짜 선택기 (예 : jQuery UI DatePicker)와 함께 전체 페이지를 작성합니다.

  php
// 오늘 날짜를 얻으려면 yyyy/mm/dd 형식 $ $ today = date ( "y/m/d");

// $ _post [ 'nnnx']가 존재하는지 확인하고 비어 있지 않은 경우 // 존재하는 경우 사용자가 제출 한 값을 사용하십시오. 그렇지 않으면, 기본값을 사용하여 오늘 날짜 $ selectedDate =! 빈 ($ _ post [ 'nnnx'])? $ _post [ 'nnnx'] : $ 오늘;
?>




    <meta charset="utf-8">
    <meta name="viewport" content="width = device-width, 초기 스케일 = 1.0">
    <title> PHP 날짜 입력 상자 기본값 설정 </title>
    
    
    <script src="//%20code.jquery.com/jquery-1.12.4.js"> </script>
    <script src="//%20code.jquery.com/ui/1.12.1/jquery-ui.js"> </script>
    
        신체 {font-family : arial, sans-serif; 라인 높이 : 1.6; 마진 : 20px; 배경색 : #f4f7f6; }
        양식 {배경 : #ffffff; 패딩 : 30px; Border-Radius : 8px; 최대 세포 : 500px; 마진 : 30px 자동; Box-Shadow : 0 4px 12px RGBA (0,0,0,0.1); }
        레이블 {디스플레이 : 블록; 마진 바닥 : 10px; 글꼴 중량 : 대담한; 색상 : #333; }
        입력 [type = "text"] {
            너비 : calc (100% -24px); / * 패딩 및 국경을 빼십시오 */
            패딩 : 12px;
            마진 바닥 : 20px;
            국경 : 1px 고체 #CCD0D7;
            Border-Radius : 5px;
            글꼴 크기 : 16px;
            박스 사이징 : 국경 박스; /* 패딩과 테두리가 너비에 포함되어 있는지 확인하십시오*/
        }
        입력 [type = "text"] : Focus {
            국경 색 : #007bff;
            개요 : 없음;
            Box-Shadow : 0 0 3PX RGBA (0,123,255,0.25);
        }
        버튼 {
            배경색 : #007bff;
            색상 : 흰색;
            패딩 : 12px 20px;
            국경 : 없음;
            Border-Radius : 5px;
            커서 : 포인터;
            글꼴 크기 : 16px;
            전환 : 배경색 0.3S 편의;
        }
        버튼 : 호버 {배경색 : #0056B3; }
        .current-value {
            마진-탑 : 25px;
            패딩 : 15px;
            배경색 : #e6f2ff;
            왼쪽 경계 : 5px 솔리드 #007bff;
            Border-Radius : 5px;
            최대 세포 : 500px;
            마진 : 20px 자동;
            색상 : #333;
        }
        .current-value strong {color : #0056B3; }
    스타일>


    

선택 날짜 : "> 제출

$ (function () { // jQuery UI DatePicker 초기화 $ ( "#DatePicker") .datePicker ({ // 날짜 형식이 PHP의 출력 형식 ( "Y/M/D") DATEFORMAT : "YY/MM/DD"와 일치하는지 확인하십시오. }); }); 스크립트>

위 내용은 PHP 날짜 입력 상자 : 기본값을 우아하게 설정하고 사용자 제출을 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!