이 날짜 선택기가 포함 된 위치 및 기본값 설정 방법

학습자

여기 에서 날짜 선택기를 볼 수 있지만 내가 사용한 코드는 기본입니다.

<div class="field"> <%= label_tag("To date") %> <%= date_field_tag 'tdate', '2016/07/01', class: 'form-control' %> </div>

여기에 날짜 선택기가 어떻게 포함되어 있는지 모르겠습니다. 기본값 인 '2016/07/01'을 설정하기 전까지는 걱정하지 않았습니다. 그러나 이미지에서 볼 수 있듯이 나타나지 않습니다.

나는 심지어 application.js에서 JQuery를 제거하려고 시도했으며 부트 스트랩에는 일반 <input type= "date">.

날짜 선택기에는 문제가 없습니다 (실제로 매우 좋습니다). 필요한 것은 표시 할 기본값입니다.

부트 스트랩 클래스는 CSS에 사용됩니다. Rails 4.2.6 및 루비 2.2.4p230.

감사합니다.

학습자

HTML5 의 기능이며 ISO 형식을 따릅니다 .

위의 코드에서 기본값은 슬래시 "/"로 날짜 구분 기호가 있습니다. ISO 형식에 따라 날짜 구분 기호는 하이픈 "-"이어야합니다.

아래 코드가 작동합니다.

<div class="field"> <%= label_tag("To date") %> <%= date_field_tag 'tdate', '2016-07-01', class: 'form-control' %> </div>

기본 날짜 선택기를 비활성화하는 방법은 무엇입니까? (Google 크롬 용)

이 질문은 이미 여기 에서 Google Chrome에서 기본 datepicker를 비활성화 하고 @Yacine Zalouani가 제안한 답변이 있습니다.

화살표를 숨기려면 :

input::-webkit-calendar-picker-indicator{
    display: none;
}

프롬프트를 숨기려면 :

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

필드에 특정 항목 및 기타 항목이 포함 된 위치 선택

분류에서Dev

날짜 및 정보가 포함 된 파일 만들기

분류에서Dev

날짜 및 시간이 포함 된 팬더 열-정렬하는 방법?

분류에서Dev

'psy'문자가 포함 된 이름 찾기 및 postgresql의 외부 조인에서 기본값 설정

분류에서Dev

날짜가 포함 된 이름을 기준으로 열 정렬

분류에서Dev

값이 이미 설정된 연결된 날짜 선택기 필드

분류에서Dev

날짜 선택기 대화 상자에서 최대 날짜 및 최소 날짜를 설정하는 방법

분류에서Dev

Excel : 열 일치 및 지정된 날짜 이후의 다음 값 찾기

분류에서Dev

Codename One 날짜 선택기에 표시된 시작 및 종료 날짜를 설정하는 방법은 무엇입니까?

분류에서Dev

배경 이미지 및 이미지가 포함 된 Div의 위치를 고정 / 고정하는 방법

분류에서Dev

Xaml DatePicker 기본 및 C #의 선택 설정에 사용할 수있는 가장 이른 날짜

분류에서Dev

날짜 범위 선택기에서 선택한 시작일과 종료일 사이의 최소 날짜를 설정하는 방법은 무엇입니까?

분류에서Dev

Mongoose가 포함 된 MongDB-지정된 날짜 범위 삭제 시간 선택

분류에서Dev

비활성화 된 날짜가 포함 된 경우 날짜 범위를 허용하지 않도록 jQuery 날짜 범위 선택기를 변경합니다.

분류에서Dev

jquery datepicker 페이지가로드 된 후 기본 날짜를 설정하는 방법

분류에서Dev

날짜 선택기에 미리 선택된 날짜를 추가하는 방법

분류에서Dev

날짜 선택기 및 wpcontrol 달력을 사용하여 달력의 날짜를 설정하는 방법

분류에서Dev

이미지가 포함 된 폴더에서 '촬영 날짜'및 '평가'등의 열을 표시하는 Windows 탐색기를 중지하는 방법

분류에서Dev

날짜가 열로 포함 된 테이블에서 특정 열 선택

분류에서Dev

localStorage 데이터를 기반으로 기본 드롭 다운 값 및 선택을 설정하는 방법

분류에서Dev

localStorage 데이터를 기반으로 기본 드롭 다운 값 및 선택을 설정하는 방법

분류에서Dev

UWP-달력 날짜 선택기의 날짜를 지정된 날짜 형식으로 변환하는 방법

분류에서Dev

iOS 날짜 선택기에서 최소 및 최대 월을 설정하지만 선택기보기를 업데이트해야 함

분류에서Dev

같은 기간을 포함하지만 다른 날짜가 누락 된 두 개의 시계열을 일치시키는 방법이 있습니까?

분류에서Dev

특정 페이지에 날짜 선택기 값 설정

분류에서Dev

파일 이름, 수정 날짜 및 크기 (헤더 포함) 인쇄

분류에서Dev

날짜가 포함 된 동적 이름으로 시트 선택

분류에서Dev

Microsoft SQL Server 테이블의 기본값을 어제 날짜로 설정하는 방법

분류에서Dev

하나 이상의 날짜가 정의 된 범위에 맞는지 확인하기 위해 날짜 배열을 검색하는 방법

Related 관련 기사

  1. 1

    필드에 특정 항목 및 기타 항목이 포함 된 위치 선택

  2. 2

    날짜 및 정보가 포함 된 파일 만들기

  3. 3

    날짜 및 시간이 포함 된 팬더 열-정렬하는 방법?

  4. 4

    'psy'문자가 포함 된 이름 찾기 및 postgresql의 외부 조인에서 기본값 설정

  5. 5

    날짜가 포함 된 이름을 기준으로 열 정렬

  6. 6

    값이 이미 설정된 연결된 날짜 선택기 필드

  7. 7

    날짜 선택기 대화 상자에서 최대 날짜 및 최소 날짜를 설정하는 방법

  8. 8

    Excel : 열 일치 및 지정된 날짜 이후의 다음 값 찾기

  9. 9

    Codename One 날짜 선택기에 표시된 시작 및 종료 날짜를 설정하는 방법은 무엇입니까?

  10. 10

    배경 이미지 및 이미지가 포함 된 Div의 위치를 고정 / 고정하는 방법

  11. 11

    Xaml DatePicker 기본 및 C #의 선택 설정에 사용할 수있는 가장 이른 날짜

  12. 12

    날짜 범위 선택기에서 선택한 시작일과 종료일 사이의 최소 날짜를 설정하는 방법은 무엇입니까?

  13. 13

    Mongoose가 포함 된 MongDB-지정된 날짜 범위 삭제 시간 선택

  14. 14

    비활성화 된 날짜가 포함 된 경우 날짜 범위를 허용하지 않도록 jQuery 날짜 범위 선택기를 변경합니다.

  15. 15

    jquery datepicker 페이지가로드 된 후 기본 날짜를 설정하는 방법

  16. 16

    날짜 선택기에 미리 선택된 날짜를 추가하는 방법

  17. 17

    날짜 선택기 및 wpcontrol 달력을 사용하여 달력의 날짜를 설정하는 방법

  18. 18

    이미지가 포함 된 폴더에서 '촬영 날짜'및 '평가'등의 열을 표시하는 Windows 탐색기를 중지하는 방법

  19. 19

    날짜가 열로 포함 된 테이블에서 특정 열 선택

  20. 20

    localStorage 데이터를 기반으로 기본 드롭 다운 값 및 선택을 설정하는 방법

  21. 21

    localStorage 데이터를 기반으로 기본 드롭 다운 값 및 선택을 설정하는 방법

  22. 22

    UWP-달력 날짜 선택기의 날짜를 지정된 날짜 형식으로 변환하는 방법

  23. 23

    iOS 날짜 선택기에서 최소 및 최대 월을 설정하지만 선택기보기를 업데이트해야 함

  24. 24

    같은 기간을 포함하지만 다른 날짜가 누락 된 두 개의 시계열을 일치시키는 방법이 있습니까?

  25. 25

    특정 페이지에 날짜 선택기 값 설정

  26. 26

    파일 이름, 수정 날짜 및 크기 (헤더 포함) 인쇄

  27. 27

    날짜가 포함 된 동적 이름으로 시트 선택

  28. 28

    Microsoft SQL Server 테이블의 기본값을 어제 날짜로 설정하는 방법

  29. 29

    하나 이상의 날짜가 정의 된 범위에 맞는지 확인하기 위해 날짜 배열을 검색하는 방법

뜨겁다태그

보관