ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

데이트 피커를 그냥 일단 input date로 변경

Browse Source
This commit is contained in:
leedj312
2025-08-27 10:59:40 +09:00
parent ff6634b250
commit b6380e9aac
1 changed files with 53 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/wr/components/ui/table/pbnstReg/ruseMngTableForm/ruseMngTableForm.tsx
+53 -35
View File
@@ -8,7 +8,7 @@ import {
} from "@/components/lib/func/commom";
import {
DatePicker,
// DatePicker,
FormField,
FormUi,
SelectBox,
@@ -24,6 +24,7 @@ import {
TableHeader,
TableRow,
} from "@common/components/ui";
import moment from "moment";
import React from "react";
type RuseMngTableProps = {
@@ -49,14 +50,17 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
form,
formNm,
indexBiz,
readonly= false
readonly = false,
},
ref
) => {
return (
<>
<Table key={`${formNm}-table-${indexMng}-${indexBiz}`} variant="secondary"
ref={ref}>
<Table
key={`${formNm}-table-${indexMng}-${indexBiz}`}
variant="secondary"
ref={ref}
>
<TableHeader className="font-bold">
{upHeadList ? (
headMakeprfmnc(headList, upHeadList)
@@ -76,20 +80,20 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
<TableBody>
{tableData.map((item, i) => (
<TableRow key={`${item.id }-${i}` } >
<TableRow key={`${item.id}-${i}`}>
{headList.map((head, j) => (
<TableCell
key={`${head.id}-${j}`}
className="text-center whitespace-nowrap"
onClick={() => { }}
onClick={() => {}}
>
<FormField
control={form.control}
name={
typeof indexMng === "number" &&
indexMng >= 0 &&
typeof indexBiz === "number" &&
indexBiz >= 0
indexMng >= 0 &&
typeof indexBiz === "number" &&
indexBiz >= 0
? `items.${indexMng}.fcBizs.${indexBiz}.${formNm}.${i}.${head.id}`
: typeof indexMng === "number" && indexMng >= 0
? `items.${indexMng}.${formNm}.${i}.${head.id}`
@@ -99,7 +103,7 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
<FormUi label="">
{head.edit === true ? (
<Input
className={`${head.type === "number" ? "text-right" : "text-center"} !text-xl`}
className={`${head.type === "number" ? "text-right" : "text-center"} text-gray-600`}
type="text"
onChange={(txt) => {
if (head.type === "number") {
@@ -113,8 +117,10 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
? formatCommaNumber(field.value)
: field.value || ""
}
readOnly={readonly|| head.readonly ? true : false}
maxLength={head.maxLength?head.maxLength:15}
readOnly={
readonly || head.readonly ? true : false
}
maxLength={head.maxLength ? head.maxLength : 15}
/>
) : head.type === "select" ? (
<SelectBox
@@ -134,23 +140,38 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
field.onChange(val);
}
}}
readOnly={ readonly||head.readonly ? true : false}
// Disabled prop removed as SelectBox does not support it
readOnly={
readonly || head.readonly ? true : false
}
// Disabled prop removed as SelectBox does not support it
></SelectBox>
) : head.type === "date" ? (
<DatePicker
mode="single"
field={{
value:
typeof field.value === "string"
? new Date(field.value)
: field.value,
onChange: (date: Date | undefined) => {
console.log("date", date);
field.onChange(date); // readonly 상태가 아닐 때만 값 변경
},
// <DatePicker
// mode="single"
// field={{
// value:
// typeof field.value === "string"
// ? new Date(field.value)
// : field.value,
// onChange: (date: Date | undefined) => {
// console.log("date", date);
// field.onChange(date); // readonly 상태가 아닐 때만 값 변경
// },
// }}
// selectClass={"w-full"}
// readOnly={readonly||head.readonly ? true : false}
// />
<Input
type="date"
onChange={(e) => {
// 브라우저에서 선택한 값은 "YYYY-MM-DD"
const date = new Date(e.target.value); // e.g. "2025-06-01"
field.onChange(date);
}}
selectClass={"w-full"}
value={
field.value? moment(field.value, "YYYYMMDD").format( "YYYY-MM-DD"): ""
}
className={"w-full text-gray-600"}
readOnly={readonly||head.readonly ? true : false}
/>
) : head.type === "checkbox" ? (
@@ -158,22 +179,19 @@ const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
className=""
checked={field.value || false}
onCheckedChange={(checked) => {
if(readonly || head.readonly) {
if (readonly || head.readonly) {
return;
}else{
} else {
field.onChange(checked);
}
}}
></Checkbox>
) : (
(
<span className="text-black">{
head.type === "number"
<span className="text-black">
{head.type === "number"
? formatCommaNumber(field.value)
: field.value || ""
}</span>
)
: field.value || ""}
</span>
)}
</FormUi>
)}