달력

선생님, JS를 이용해 자신만의 알고리즘으로 달력을 작성할 수 있나요?

文昌 2018-12-14 11:36:25 0  0  931

MUI StaticDatePicker 달력에서 날짜 강조 표시

내 React 웹사이트에 MUISTaticDatePicker를 구현하려고 합니다. 내가 원하는 것은 파란색 원이나 배지를 사용하여 달력의 날짜를 강조하는 것입니다. 이를 달성하기 위해 다양한 방법을 시도했지만 달력에서 강조 표시된 날짜의 출력을 얻을 수 없습니다. 이 작업을 수행하는 방법을 아는 사람이 있으면 도와주세요. 아래 코드에서는 달력의 하이라이트Days 상태 값을 강조 표시하려고 합니다. 내 웹사이트에서 시간 및 날짜 관련 데이터를 처리하기 위해 dayjs 라이브러리를 사용하고 있습니다. 하지만 어떤 이유로든 내 렌더링을 ...

P粉513316221 2023-08-30 17:38:38 0  1  655

javascript - daterangepicker 달력 플러그인은 기간 위치를 어떻게 변경합니까?

daterangepicker 달력 플러그인은 기간 위치를 어떻게 변경합니까? 나는 이 빠른 시간을 왼쪽으로 옮기고 싶다. 'open':'left' 매개변수를 사용할 수 없습니다. 이것은 내 호출 코드입니다: {code...} 감사합니다.

高洛峰 2017-05-19 10:39:33 0  1  641

Node.js를 사용하여 서비스 계정을 사용하여 Google 캘린더 API에 연결하는 방법은 무엇입니까?

Node.js 사용 시 GoogleAuth 클라이언트를 사용하는 방법 저는 많은 기사를 찾아봤고 클라이언트 URL은 클라이언트 세부 정보를 얻는 데 사용할 수 있는 코드 데이터를 제공할 것입니다. 그러나 서비스 클라이언트를 사용하여 클라이언트를 대신하여 자동으로 인증하려면 어떻게 해야 합니까? 주로 GoogleMeet 링크를 가져와서 고객의 Google 캘린더에 추가해야 합니다. 나는 이 코드를 따르고 있습니다. 하지만 이는 수동 URL 인증입니다. https://github.com/isuruhettiarachchi/ssd-oa

P粉921130067 2023-08-17 23:52:59 0  1  568

Fullcalendar Timegridview의 이벤트에서 패딩을 제거하는 방법은 무엇입니까?

캘린더가 "timegridview"에 있을 때 이벤트에서 패딩을 제거해야 합니다. 내 사용자는 생성된 공백을 클릭하여 차단되어야 하는 기간을 피할 수 있습니다. 이벤트를 클릭하면 이벤트 세부정보가 표시되도록 설정했습니다. 예를 들어, 오전 11시부터 정오까지 "점심"으로 인해 차단된 일정이 있는 경우 사용자가 빈 공간을 클릭하면 일정 대화 상자가 나타납니다. 이 CSS 조각을 사용해 보았는데 왼쪽과 오른쪽 간격을 처리하지만 위쪽/아래쪽을 제어할 수 없습니다. .fc-timegrid-이벤트-하네스

P粉996763314 2023-09-08 19:12:15 0  1  698

탭으로 전환할 때 CSS가 fullcalendar에서 로드되지 않습니다.

탭 목록 패널이 있고 마지막 탭은 전체 달력을 사용하며 이 문제가 있습니다. 탭으로 전환하면 달력의 CSS가 로드되지 않지만 달력 자체에서 다른 달로 전환하면 CSS가 시작됩니다. 내 캘린더 버전은 5.7.2입니다. 버전 3에서는 이러한 문제를 발견하지 못했습니다. 무엇이 문제일까요? vardata=[];$(document).ready(function(){varcalendarEl=document.getElementById('ca

P粉738676186 2023-09-06 15:33:32 0  2  554

가져오기를 사용하여 React JS에서 캘린더 이벤트를 생성하는 JavaScript 방법

ReactJS 애플리케이션에서 Google 캘린더 이벤트를 만들고 싶습니다. 저는 Google API를 처음 접했고 이 작업을 수행하는 방법을 배우거나 알아내려고 노력하고 있습니다. 다음은 "Google 로그인" 버튼과 "캘린더에 추가" 버튼이 있는 빈 화면을 표시하는 반응 테스트 구성 요소입니다. 이 예에서는 TEST_EVENT 상수를 만들었습니다. 사용자는 먼저 로그인한 다음 "캘린더에 추가" 버튼을 클릭해야 합니다. 액세스 토큰을 얻었습니다. 다음 단계는 이벤트를 생성하는 ...

P粉222320176 2024-03-27 15:36:14 0  1  497

날짜 계산을 이렇게 하려면 어떻게 해야 하나요?

이 웹페이지와 같은 시계/달력을 만들고 싶습니다. https://uawar.net/stats 내 HTML 코드에 js가 필요한지 모르겠습니다. 그런데 웹페이지의 div-counter 시간을 확인해보니 ''이고 시간이 보라색으로 깜박입니다. 이런 시계/달력을 만드는 방법은 무엇입니까?

P粉823268006 2023-09-09 11:42:33 0  1  571

선택 옵션을 업데이트한 후 FullCalendar V5 이벤트 다시 로드

나는 이벤트 정보가 포함된 데이터베이스와 함께 FullCalendar를 사용하고 있습니다. 데이터베이스의 일반 정보 외에도 의사에 대한 열과 도시에 대한 열이 있으므로 MVCphpmysql을 사용하여 fullcalendar5를 작업하고 있습니다. 달력에 많은 변경사항을 적용했는데 제대로 작동하고 있습니다. 달력 상단, 달력 외부에 두 개의 선택 항목을 추가했습니다. 내가 좋아하는 점은 선택 항목을 변경할 때(예: 의사 선택) 달력에 refetchEvents()가 있고 물론 해당 의사의 이벤트만 표시된다는 것입니다. , 추가할 때 공...

P粉195402292 2024-03-27 11:51:32 0  1  558

WordPress 및 WooCommerce에서 그레고리력 날짜를 양력 날짜로 변환

내 웹사이트용 템플릿을 디자인했는데 템플릿의 모든 WordPress 및 WooCommerce 날짜를 그레고리력에서 그레고리력으로 변환하고 싶습니다. 내 게시물의 게시 날짜를 표시하기 위해 다음 단축 코드를 사용하고 있습니다. <?phpthe_time('Y/m/d');?> 그러나 표시되는 날짜는 그레고리력이므로 이를 Shamsi로 변경하고 싶습니다. 이를 달성하기 위한 플러그인이 많이 있다는 것을 알고 있지만 기본 템플릿이 항상 날짜가 되도록 템플릿에 일부 코드를 추가하고 싶습니다. 이 기능을 사용하는 데 도움이 필요합니다...

P粉662361740 2023-09-03 16:27:14 0  1  701

기간을 조정하기 위해 FullCalendar에서 이벤트 드래그를 비활성화하는 방법

안녕하세요 저는 Angular의 전체 달력을 사용하고 있으며 사용자가 달력에서 빈 일정(각 날짜에 대해 15분 간격의 주간 달력)을 클릭할 때 '한 번의 클릭을 누르고 정의할 수 있도록 만들고 싶습니다. 이벤트 기간. 불행하게도 chatpgt는 2020년 현재의 정보만 표시하고 라이브러리는 현재까지 계속 업데이트되고 있기 때문에 이 경우 도움을 줄 수 없습니다. 이것은 내 HTML 코드입니다: <divclass='demo-app'><divclass='demo-app

P粉787934476 2023-09-15 12:40:23 0  1  743

javascript - ionic1 플러그인을 ionic2 프로젝트로 마이그레이션하는 방법

예전에 ionic1 프로젝트에서 캘린더 플러그인을 사용한 적이 있었는데, 바로 이 https://market.ionic.io/plugi... 그런데 이제 프로젝트가 ionic2로 업그레이드 될 예정이라 다시 작성하게 되었습니다. ionic2에서 이 플러그인을 사용할 수 있나요? 프로젝트는 어떻게 되나요?

怪我咯 2017-05-16 13:25:03 0  1  624

Vue.js FullCalendar v5 구성 요소 - 이벤트가 제대로 표시되지 않습니다.

최근 우리는 Vue.js 프로젝트에서 FullCalendar 구성 요소를 버전 4.4.2에서 버전 5.9.0으로 업그레이드했습니다. 그런데 이벤트가 표시되지 않는 문제가 발생했습니다. 원본 파일에서 이유를 찾을 수 없었기 때문에 완전히 새로운 파일에서 달력을 만들기 시작하기로 결정하고, 오류를 찾기 위해 단계별로 달력을 만들기로 했습니다. 그러나 이 새 파일에서도 이벤트를 표시할 수 없으며 현재로서는 내가 무엇을 잘못하고 있는지 전혀 알 수 없습니다. 콘솔에서는 일련의 이벤트를 볼 수 있지만 달력에는 표시할 수 없습니다. 다음은 코...

P粉536909186 2023-08-28 10:28:13 0  1  489

javascript - className에 의해 추가된 스타일의 우선순위에 관한 문제입니다.

ul li를 사용하여 간단한 달력을 만든 다음 먼저 CSS를 사용하여 배경을 추가했습니다. #div ul li 선택기를 사용한 다음 js의 className을 사용하여 모든 li에 활성 스타일을 추가한 다음 배경 우선순위를 지정했습니다. 원래만큼 높지 않은데 어떡하지...

女神的闺蜜爱上我 2017-06-30 09:57:51 0  1  1014

fullcalendar에서 SlotMinTime과 SlotMaxTime으로 정의된 두 개의 기간을 갖고 싶습니다.

동일한 달력에서 두 개의 서로 다른 기간을 사용할 계획입니다. 지금까지 제가 찾은 유일한 방법은 $(".btn-show").click(function(e){e.preventDefault();el= $(this)와 같이 두 개의 다른 달력에서 이 작업을 수행하는 것입니다. data('element');$(el).show();$("section>div").not(el).hide()

P粉617237727 2023-09-04 11:32:30 0  1  745

JavaScript는 요소 스타일을 사용하는 것보다 CSS 사용자 정의 속성을 느리게 업데이트합니다. 성능 비교

저는 mousemove 및 touchmove 이벤트를 사용하여 슬라이딩 애니메이션과 일부 속도 애니메이션을 수행하는 기능을 구현하는 vue3용 캘린더 슬라이더를 만들었습니다. 프로젝트는 여기에서 테스트할 수 있습니다: https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/comComponents/VueCalendarSlider.vue 내 첫 번째 아이디어는 CSS 사용자 정의 속성을 사용하는 것이었습니다.

P粉235202573 2024-01-07 09:42:03 0  1  474

콘텐츠 확장을 제한하는 그리드 항목

핵심요약: CSS 그리드 레이아웃에 table-layout:fixed와 유사한 속성이 있나요? 나는 달에 대한 큰 4x3 격자가 있는 연도 보기 달력을 만들려고 하고 있으며 내부에는 날짜에 대한 7x6 격자가 중첩되어 있습니다. 달력은 전체 페이지를 채워야 하므로 연도 그리드 컨테이너의 너비와 높이가 100%로 설정됩니다. .year-grid{너비:100%;높이:100%;디스플레이:그리드;그리드-템플릿:반복(3,1fr)/r

P粉199248808 2023-08-20 19:49:37 0  2  564

Google Calendar Cloud API를 활성화할 수 없습니다.

GoogleWorkspace 고객지원팀에 문의했지만 이 문제에 대한 적절한 문서를 찾을 수 없었습니다. 그들은 나를 여기로 안내했습니다. 간단히 말해서, 여기 문서에 따라 GoogleCloud API를 활성화하여 사용자 캘린더에 이벤트를 생성하고 GoogleMeetURL을 추가하려고 합니다. https://developers.google.com/calendars/api/guides /생성-이벤트. 나는 빠른 시작 PHP 코드 예제를 따르고 있습니다.

P粉648469285 2024-02-26 14:55:58 0  1  387

querySelector가 첫 번째 요소만 선택하는 문제를 해결하는 방법은 무엇입니까?

날짜 중 하나를 클릭하면 작성해야 하는 양식이 나타나는 달력을 만들려고 합니다. 나는 그것을 작동시킬 수 없습니다. 내가 출근한 유일한 시간은 첫 번째 "1" 날짜였습니다. 다른 모든 것이 작동하지 않으며 이를 해결하는 방법을 모르겠습니다. 코드를 다시 작성하고 ID로 전환해 보았으나 아무 효과가 없었습니다. 도움을 주시면 감사하겠습니다. 감사해요! document.querySelector(".weekdays").addEventListener("클릭",

P粉276064178 2024-01-10 16:23:33 0  2  431

가장 최근에 클릭한 요소에 클래스 할당

TailwindCSS를 사용하여 스타일이 지정된 다음과 같은 달력이 있습니다. 현재 8Wednesday가 클릭되었으므로 분홍색 배경과 분홍색 그림자가 있습니다. 7번째 요소는 이전에 클릭한 요소이므로 분홍색 그림자만 있습니다(분홍색 배경 클래스는 제거했지만 분홍색 그림자는 유지했습니다). 내가 원하는 것은 이전에 클릭한 최신 요소를 유지하여 분홍색 그림자를 추가할 수 있지만 이전에 클릭한 모든 요소가 아닌 최신 요소에만 추가하는 것입니다. 내 JavaScript 코드는 다음과 같습니다. //selectn

P粉021854777 2024-04-03 16:36:09 0  1  593