{"id":3981,"date":"2025-12-18T15:48:46","date_gmt":"2025-12-18T07:48:46","guid":{"rendered":"https:\/\/ytmdhc.org.hk\/?page_id=3981"},"modified":"2026-03-24T16:26:13","modified_gmt":"2026-03-24T08:26:13","slug":"service-appointment-womens-health-nurse-clinic","status":"publish","type":"page","link":"https:\/\/ytmdhc.org.hk\/en\/service-appointment-womens-health-nurse-clinic\/","title":{"rendered":"Service Appointment (Women\u2019s Health Nurse Clinic)"},"content":{"rendered":"<p>[vc_row][vc_column][vc_empty_space][vc_column_text]        <div id=\"wptb-booking-app\" class=\"wptb-booking-app\">\n            <div class=\"wptb-layout\">\n                <!-- \u5de6\u908a\uff1aStepper + Steps -->\n                <div class=\"wptb-main\">\n                    <!-- Stepper -->\n                    <div class=\"wptb-stepper\">\n                        <div class=\"wptb-stepper-item\" data-step=\"1\">\n                            <div class=\"wptb-stepper-circle\">1<\/div>\n                            <div class=\"wptb-stepper-label\">\u9078\u64c7\u9805\u76ee<br>Services<\/div>\n                        <\/div>\n                        <div class=\"wptb-stepper-item\" data-step=\"2\">\n                            <div class=\"wptb-stepper-circle\">2<\/div>\n                            <div class=\"wptb-stepper-label\">\u9078\u64c7\u65e5\u671f<br>Dates<\/div>\n                        <\/div>\n                        <div class=\"wptb-stepper-item\" data-step=\"3\">\n                            <div class=\"wptb-stepper-circle\">3<\/div>\n                            <div class=\"wptb-stepper-label\">\u9078\u64c7\u6642\u6bb5<br>Timeslots<\/div>\n                        <\/div>\n                        <div class=\"wptb-stepper-item\" data-step=\"4\">\n                            <div class=\"wptb-stepper-circle\">4<\/div>\n                            <div class=\"wptb-stepper-label\">\u586b\u5beb\u8cc7\u6599<br>Forms<\/div>\n                        <\/div>\n                        <div class=\"wptb-stepper-item\" data-step=\"5\">\n                            <div class=\"wptb-stepper-circle\">5<\/div>\n                            <div class=\"wptb-stepper-label\">\u5b8c\u6210\u9810\u7d04<br>Completed<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"wptb-event-preview d-none\" id=\"wptb-event-preview-panel\">\n                        <div class=\"wptb-event-preview-body\">\n                            <div class=\"wptb-event-title\"><\/div>\n                            <div class=\"wptb-event-summary\"><\/div>\n                            <div class=\"wptb-event-description\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 1: \u9078\u9805\u76ee -->\n                    <div class=\"wptb-step\" data-step=\"1\">\n                        <h3>1. \u9078\u64c7\u9810\u7d04\u9805\u76ee<br>Select Services<\/h3>\n                        <div id=\"wptb-step1-services\"><\/div>\n                        <div class=\"wptb-step-actions\">\n                            <button type=\"button\" class=\"wptb-next-step\" data-next=\"2\" disabled>\u4e0b\u4e00\u6b65 Next<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 2: \u9078\u65e5\u671f\uff08\u5217\u8868 \/ Calendar \u8996\u4e3b\u984c\uff09 -->\n                    <div class=\"wptb-step\" data-step=\"2\" style=\"display:none;\">\n                        <h3>2. \u9078\u64c7\u65e5\u671f<br>Select Dates<\/h3>\n                        <div id=\"wptb-step2-dates\"><\/div>\n                        <div class=\"wptb-step-actions\">\n                            <button type=\"button\" class=\"wptb-prev-step\" data-prev=\"1\">\u4e0a\u4e00\u6b65 Previous<\/button>\n                            <button type=\"button\" class=\"wptb-next-step\" data-next=\"3\" disabled>\u4e0b\u4e00\u6b65 Next<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 3: \u9078\u6642\u6bb5\uff08\u53ef\u591a\u9078\uff09 -->\n                    <div class=\"wptb-step\" data-step=\"3\" style=\"display:none;\">\n                        <h3>3. \u9078\u64c7\u6642\u6bb5<br>Select Timeslots<\/h3>\n                        <div id=\"wptb-step3-timeslots\"><\/div>\n                        <div class=\"wptb-step-actions\">\n                            <button type=\"button\" class=\"wptb-prev-step\" data-prev=\"2\">\u4e0a\u4e00\u6b65 Previous<\/button>\n                            <button type=\"button\" class=\"wptb-next-step\" data-next=\"4\" disabled>\u4e0b\u4e00\u6b65 Next<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 4: \u586b\u5beb\u8cc7\u6599\uff08\u52d5\u614b form builder\uff09 -->\n                    <div class=\"wptb-step\" data-step=\"4\" style=\"display:none;\">\n                        <h3>4. \u586b\u5beb\u9810\u7d04\u8cc7\u6599<br>Input Your Information<\/h3>\n                        <form id=\"wptb-step4-form\" class=\"wptb-form\">\n                            <div id=\"wptb-dynamic-form-fields\">\n                                <!-- \u6703\u7531 JS \/ AJAX \u586b\u5165\uff0c\u5982\u679c\u6c92\u6709\u81ea\u8a02\u6b04\u4f4d\u5c31\u7528\u9810\u8a2d\u59d3\u540d\/Email\/\u96fb\u8a71\/\u5099\u8a3b -->\n                            <\/div>\n                        <\/form>\n                        <div class=\"wptb-step-actions\">\n                            <button type=\"button\" class=\"wptb-prev-step\" data-prev=\"3\">\u4e0a\u4e00\u6b65 Previous<\/button>\n                            <button type=\"button\" class=\"wptb-next-step\" data-next=\"5\">\u78ba\u8a8d\u9810\u7d04 Confirm<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 5: \u7d50\u679c -->\n                    <div class=\"wptb-step\" data-step=\"5\" style=\"display:none;\">\n                        <h3>5. \u9810\u7d04\u7d50\u679c<br>Booking Completed<\/h3>\n                        <div id=\"wptb-step5-summary\" class=\"wptb-summary\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u53f3\u908a\uff1a\u5373\u6642\u9810\u89bd -->\n                <aside class=\"wptb-preview\" id=\"wptb-preview-panel\">\n                    <h4 class=\"wptb-preview-title\">\u9810\u7d04\u9810\u89bd<br>Booking Preview<\/h4>\n                    <div class=\"wptb-preview-body\">\n                        <div class=\"wptb-preview-row\">\n                            <span class=\"wptb-preview-label\">\u9805\u76ee Services\uff1a<\/span>\n                            <span class=\"wptb-preview-value\" id=\"wptb-preview-service\">\u5c1a\u672a\u9078\u64c7<\/span>\n                        <\/div>\n                        <div class=\"wptb-preview-row\">\n                            <span class=\"wptb-preview-label\">\u65e5\u671f Dates\uff1a<\/span>\n                            <span class=\"wptb-preview-value\" id=\"wptb-preview-date\">\u5c1a\u672a\u9078\u64c7<\/span>\n                        <\/div>\n                        <div class=\"wptb-preview-row\">\n                            <span class=\"wptb-preview-label\">\u6642\u6bb5 Timeslots\uff1a<\/span>\n                            <div class=\"wptb-preview-value\" id=\"wptb-preview-timeslots\">\u5c1a\u672a\u9078\u64c7<\/div>\n                        <\/div>\n                        <div class=\"wptb-preview-row wptb-preview-total-row\">\n                            <span class=\"wptb-preview-label\">\u5408\u8a08 Total\uff1a<\/span>\n                            <span class=\"wptb-preview-total\" id=\"wptb-preview-total\">$0<\/span>\n                        <\/div>\n                        <div class=\"wptb-preview-note\" id=\"wptb-preview-note\"><\/div>\n                    <\/div>\n                <\/aside>\n            <\/div>\n        <\/div>\n        [\/vc_column_text][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space][vc_column_text][\/vc_column_text][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/3981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/comments?post=3981"}],"version-history":[{"count":6,"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/3981\/revisions"}],"predecessor-version":[{"id":4601,"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/3981\/revisions\/4601"}],"wp:attachment":[{"href":"https:\/\/ytmdhc.org.hk\/en\/wp-json\/wp\/v2\/media?parent=3981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}